kios-webapp/astro/src/components/App.tsx

30 lines
744 B
TypeScript

import { useQuery, useMutation, useQueryClient, queryOptions, QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
import type { ReactNode } from "react";
import { KiosMap } from "@/components/KiosMap";
export const queryClient = new QueryClient({
defaultOptions: {
queries: {
staleTime: 30000,
},
},
});
interface AppProps {
children?: ReactNode;
}
export const App: React.FC<AppProps> = (props) => {
return (
<div className="app">
<QueryClientProvider client={queryClient}>
<ReactQueryDevtools initialIsOpen={false} />
{props.children}
<KiosMap/>
</QueryClientProvider>
</div>
);
}