fix(comments-layer): avoid layers reloading by creating a vectorSource at startup

src/components/Map/MapViewer/utils/config/commentsLayer/useOlMapCommentsLayer.ts

@@ -10,7 +10,7 @@ import {
   commentSelector,
 } from '@/redux/comment/comment.selectors';
 import { getCommentsFeatures } from '@/components/Map/MapViewer/utils/config/commentsLayer/getCommentsFeatures';
-import { useMemo } from 'react';
+import { useMemo, useEffect } from 'react';
 import { LAYER_TYPE } from '@/components/Map/MapViewer/MapViewer.constants';
 
 export const useOlMapCommentsLayer = (): VectorLayer<VectorSource<Feature<Geometry>>> => {
@@ -28,11 +28,12 @@ export const useOlMapCommentsLayer = (): VectorLayer<VectorSource<Feature<Geomet
     [comments, pointToProjection, isVisible],
   );
 
-  const vectorSource = useMemo(() => {
-    return new VectorSource({
-      features: [...elementsFeatures],
-    });
-  }, [elementsFeatures]);
+  const vectorSource = useMemo(() => new VectorSource(), []);
+
+  useEffect(() => {
+    vectorSource.clear();
+    vectorSource.addFeatures(elementsFeatures);
+  }, [elementsFeatures, vectorSource]);
 
   return useMemo(() => {
     const vectorLayer = new VectorLayer({