QueryClient setup

astro/src/components/App.tsx

@@ -0,0 +1,36 @@
+import { useQuery, useMutation, useQueryClient, queryOptions, QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import type { ReactNode } from "react";
+import { KiosMap } from "@/components/KiosMap"
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+      queries: {
+          refetchOnWindowFocus: false,
+          retry: false,
+          staleTime: 30000,
+          refetchOnReconnect: true,
+          refetchOnMount: true,
+          networkMode: "online",
+      },
+      mutations: {
+          networkMode: "offlineFirst",
+          retry: 1,
+      },
+      
+  },
+});
+
+interface AppProps {
+  children?: ReactNode;
+}
+
+export const App: React.FC<AppProps> = (props) => {
+  return (
+    <div className="app">
+    <QueryClientProvider client={queryClient}>
+      {props.children}
+      <KiosMap></KiosMap>
+    </QueryClientProvider>
+    </div>
+  );
+}