fix: context issue in production (#187)

apps/desktop2/src/app.tsx

@@ -1,5 +1,4 @@
 import { Ark } from "@lume/ark";
-import { CancelCircleIcon, CheckCircleIcon, InfoCircleIcon } from "@lume/icons";
 import { createSyncStoragePersister } from "@tanstack/query-sync-storage-persister";
 import { QueryClient } from "@tanstack/react-query";
 import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
@@ -8,7 +7,6 @@ import { platform } from "@tauri-apps/plugin-os";
 import React, { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import { I18nextProvider } from "react-i18next";
-import { Toaster } from "sonner";
 import "./app.css";
 import i18n from "./locale";
 import { routeTree } from "./router.gen"; // auto generated file
@@ -29,6 +27,18 @@ const router = createRouter({
 		queryClient,
 		platform: platformName,
 	},
+	Wrap: ({ children }) => {
+		return (
+			<I18nextProvider i18n={i18n} defaultNS={"translation"}>
+				<PersistQueryClientProvider
+					client={queryClient}
+					persistOptions={{ persister }}
+				>
+					{children}
+				</PersistQueryClientProvider>
+			</I18nextProvider>
+		);
+	},
 });
 
 // Register things for typesafety
@@ -48,25 +58,8 @@ const rootElement = document.getElementById("root")!;
 if (!rootElement.innerHTML) {
 	const root = ReactDOM.createRoot(rootElement);
 	root.render(
-		<I18nextProvider i18n={i18n} defaultNS={"translation"}>
-			<PersistQueryClientProvider
-				client={queryClient}
-				persistOptions={{ persister }}
-			>
-				<StrictMode>
-					<Toaster
-						position="bottom-right"
-						icons={{
-							success: <CheckCircleIcon className="size-5" />,
-							info: <InfoCircleIcon className="size-5" />,
-							error: <CancelCircleIcon className="size-5" />,
-						}}
-						closeButton
-						theme="system"
-					/>
-					<App />
-				</StrictMode>
-			</PersistQueryClientProvider>
-		</I18nextProvider>,
+		<StrictMode>
+			<App />
+		</StrictMode>,
 	);
 }