refactor

src/main.tsx

@@ -1,16 +1,28 @@
+import { createSyncStoragePersister } from "@tanstack/query-sync-storage-persister";
+import { QueryClient } from "@tanstack/react-query";
+import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
 import { type } from "@tauri-apps/plugin-os";
 import { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import "./app.css";
-
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 // Import the generated route tree
 import { routeTree } from "./routes.gen";
 
-// Create a new router instance
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+	defaultOptions: {
+		queries: {
+			gcTime: 1000 * 60 * 60 * 24,
+		},
+	},
+});
+
+const persister = createSyncStoragePersister({
+	storage: window.localStorage,
+});
+
 const platform = type();
+
 const router = createRouter({
 	routeTree,
 	context: {
@@ -32,9 +44,12 @@ if (!rootElement.innerHTML) {
 	const root = ReactDOM.createRoot(rootElement);
 	root.render(
 		<StrictMode>
-			<QueryClientProvider client={queryClient}>
+			<PersistQueryClientProvider
+				client={queryClient}
+				persistOptions={{ persister }}
+			>
 				<RouterProvider router={router} />
-			</QueryClientProvider>
+			</PersistQueryClientProvider>
 		</StrictMode>,
 	);
 }