Front-end 'push' updates for SupplyRoutes

client/src/components/supplyroute/SupplyRoute.tsx

@@ -56,8 +56,7 @@ export default function SupplyRoute(props: SupplyRouteProps) {
   return (
     <Polyline
       positions={props.route.points}
-      color={color}
-      weight={weight}
+      pathOptions={{ color: color, weight: weight}}
       ref={(ref) => (path.current = ref)}
     >
       <SupplyRouteTooltip {...props} />

client/src/components/supplyrouteslayer/SupplyRoutesLayer.tsx

@@ -7,7 +7,7 @@ export default function SupplyRoutesLayer() {
   const routes = useAppSelector(selectSupplyRoutes).routes;
   return (
     <LayerGroup>
-      {routes.map((route) => {
+      {Object.values(routes).map( route => {
         return <SupplyRoute key={route.id} route={route} />;
       })}
     </LayerGroup>