update pvz and other postamates layers

src/Map/Layers/Layers.jsx

@@ -1,13 +1,16 @@
-import { Points } from "./Points";
-import { Layer, Source } from "react-map-gl";
-import { aoLayer, rayonLayer } from "./layers-config";
-import { BASE_URL } from "../../api";
-import { PVZ } from "./PVZ";
-import { OtherPostamates } from "./OtherPostamates";
-import { SelectedRegion } from "./SelectedRegion";
-import { transliterate } from "../../utils.js";
+import {Points} from "./Points";
+import {Layer, Source} from "react-map-gl";
+import {aoLayer, rayonLayer} from "./layers-config";
+import {BASE_URL} from "../../api";
+import {PVZ} from "./PVZ";
+import {OtherPostamates} from "./OtherPostamates";
+import {SelectedRegion} from "./SelectedRegion";
+import {transliterate} from "../../utils.js";
+import {useUpdateLayerCounter} from "../../stores/useUpdateLayerCounter.js";
 
 export const Layers = ({ postGroups, otherGroups }) => {
+  const { updateCounter } = useUpdateLayerCounter();
+
   return (
     <>
       <Source
@@ -42,6 +45,7 @@ export const Layers = ({ postGroups, otherGroups }) => {
 
       <Source
         id="pvz"
+        key={`pvz-${updateCounter}`}
         type="vector"
         tiles={[`${BASE_URL}/martin/public.service_post_and_pvz/{z}/{x}/{y}.pbf`]}
       >
@@ -58,6 +62,7 @@ export const Layers = ({ postGroups, otherGroups }) => {
 
       <Source
         id="other"
+        key={`other-${updateCounter}`}
         type="vector"
         tiles={[`${BASE_URL}/martin/public.service_otherobjects/{z}/{x}/{y}.pbf`]}
       >