zoomIn, zoomOut and centerHere, fixed the variable assignment to ensure the code functions correctly.

pages/_app.js

@@ -1,33 +1,13 @@
-import "../styles/global.css"; // Pfad zur globalen CSS-Datei anpassen
-import Script from "next/script";
-
-import React from "react";
-
-export default function MyApp({ Component, pageProps }) {
-  return (
-    <>
-      <Script
-        src="/js/OverlappingMarkerSpiderfier.js"
-        strategy="beforeInteractive"
-      />
-      <Component {...pageProps} />
-    </>
-  );
-}
-
-// Bibliotheken, die in der _app.js-Datei importiert werden, werden auf jeder Seite geladen.
-/* import Script from 'next/script';
+// Pfad: pages/_app.js
+import { RecoilRoot } from 'recoil';
+import "../styles/global.css";
 
 function MyApp({ Component, pageProps }) {
   return (
-    <>
-      <Script 
-        src="/js/OverlappingMarkerSpiderfier.js" 
-        strategy="beforeInteractive"
-      />
+    <RecoilRoot>
       <Component {...pageProps} />
-    </>
+    </RecoilRoot>
   );
 }
 
-export default MyApp; */
+export default MyApp;