polylines tooltip content

hooks/useMapComponentState.js

@@ -0,0 +1,28 @@
+// hooks/useMapComponentState.js
+import { useState, useRef } from "react";
+import usePoiTypData from "./usePoiTypData";
+import { useRecoilValue } from "recoil";
+import { poiLayerVisibleState } from "../store/atoms/poiLayerVisibleState";
+
+export const useMapComponentState = () => {
+  const { poiTypData, isPoiTypLoaded } = usePoiTypData("/api/talas_v5_DB/poiTyp/readPoiTyp");
+  const [deviceName, setDeviceName] = useState("");
+  const [locationDeviceData, setLocationDeviceData] = useState([]);
+  const [priorityConfig, setPriorityConfig] = useState([]);
+  const [menuItemAdded, setMenuItemAdded] = useState(false);
+  const poiLayerVisible = useRecoilValue(poiLayerVisibleState);
+
+  return {
+    poiTypData,
+    isPoiTypLoaded,
+    deviceName,
+    setDeviceName,
+    locationDeviceData,
+    setLocationDeviceData,
+    priorityConfig,
+    setPriorityConfig,
+    menuItemAdded,
+    setMenuItemAdded,
+    poiLayerVisible,
+  };
+};