mirror of
https://github.com/jamiepine/voicebox.git
synced 2026-09-29 07:05:14 -07:00
fix: use the shared queryClient in both entries, init i18n explicitly
Each entry built its own QueryClient while serverStore invalidates the singleton from lib/queryClient — so switching server URL never refreshed data. Both entries now render with the singleton. i18n init was only reachable transitively through lib/utils/format.ts; import it directly in both entries.
This commit is contained in:
+3
-12
@@ -1,24 +1,15 @@
|
|||||||
|
import { QueryClientProvider } from '@tanstack/react-query';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import ReactDOM from 'react-dom/client';
|
import ReactDOM from 'react-dom/client';
|
||||||
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
||||||
// import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
|
// import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
|
||||||
import App from '@/App';
|
import App from '@/App';
|
||||||
// Import CSS from app directory using alias so Tailwind can scan the source files
|
// Import CSS from app directory using alias so Tailwind can scan the source files
|
||||||
import '@/index.css';
|
import '@/index.css';
|
||||||
|
import '@/i18n';
|
||||||
|
import { queryClient } from '@/lib/queryClient';
|
||||||
import { PlatformProvider } from '@/platform/PlatformContext';
|
import { PlatformProvider } from '@/platform/PlatformContext';
|
||||||
import { tauriPlatform } from './platform';
|
import { tauriPlatform } from './platform';
|
||||||
|
|
||||||
const queryClient = new QueryClient({
|
|
||||||
defaultOptions: {
|
|
||||||
queries: {
|
|
||||||
staleTime: 1000 * 60 * 5, // 5 minutes
|
|
||||||
gcTime: 1000 * 60 * 10, // 10 minutes
|
|
||||||
retry: 1,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById('root')!).render(
|
ReactDOM.createRoot(document.getElementById('root')!).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<QueryClientProvider client={queryClient}>
|
<QueryClientProvider client={queryClient}>
|
||||||
|
|||||||
+3
-12
@@ -1,22 +1,13 @@
|
|||||||
|
import { QueryClientProvider } from '@tanstack/react-query';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import ReactDOM from 'react-dom/client';
|
import ReactDOM from 'react-dom/client';
|
||||||
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
||||||
import App from '../../app/src/App';
|
import App from '../../app/src/App';
|
||||||
import '../../app/src/index.css';
|
import '../../app/src/index.css';
|
||||||
|
import '../../app/src/i18n';
|
||||||
|
import { queryClient } from '../../app/src/lib/queryClient';
|
||||||
import { PlatformProvider } from '../../app/src/platform/PlatformContext';
|
import { PlatformProvider } from '../../app/src/platform/PlatformContext';
|
||||||
import { webPlatform } from './platform';
|
import { webPlatform } from './platform';
|
||||||
|
|
||||||
const queryClient = new QueryClient({
|
|
||||||
defaultOptions: {
|
|
||||||
queries: {
|
|
||||||
staleTime: 1000 * 60 * 5, // 5 minutes
|
|
||||||
gcTime: 1000 * 60 * 10, // 10 minutes
|
|
||||||
retry: 1,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById('root')!).render(
|
ReactDOM.createRoot(document.getElementById('root')!).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<QueryClientProvider client={queryClient}>
|
<QueryClientProvider client={queryClient}>
|
||||||
|
|||||||
Reference in New Issue
Block a user