reafactor: change useEffect by useMemo

src/reports/CombinedReportPage.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { useSelector } from 'react-redux';
 import {
   Table, TableBody, TableCell, TableHead, TableRow,
@@ -26,13 +26,8 @@ const CombinedReportPage = () => {
 
   const [items, setItems] = useState([]);
   const [loading, setLoading] = useState(false);
-  const [itemsCoordinates, setItemsCoordinates] = useState([]);
 
-  const itemsRoutes = items.flatMap((item) => item.route);
-
-  useEffect(() => {
-    setItemsCoordinates(itemsRoutes);
-  }, [itemsRoutes.length]);
+  const itemsCoordinates = useMemo(() => items.flatMap((item) => item.route), [items]);
 
   const createMarkers = () => items.flatMap((item) => item.events
     .map((event) => item.positions.find((p) => event.positionId === p.id))