No QueryClient set, use QueryClientProvider to set one
uttu-316 opened this issue · comments
uttu-316 commented
import React from 'react';
import {StatusBar} from 'react-native';
import {NavigationContainer} from '@react-navigation/native';
import AppNavigator from './src/navigators';
import {theme} from './src/utils/theme';
import {navigationRef} from './src/utils/navigation';
import {Provider} from 'react-redux';
import {PersistGate} from 'redux-persist/integration/react';
import {store, persistor} from './src/redux/store';
import SplashScreen from 'react-native-splash-screen';
import {MenuProvider} from 'react-native-popup-menu';
import {PersistQueryClientProvider} from '@tanstack/react-query-persist-client';
import {queryClient, queryPersister} from './src/utils/react-query';
const App = () => {
SplashScreen.hide();
return (
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<PersistQueryClientProvider
client={queryClient}
persistOptions={queryPersister}>
<MenuProvider>
<NavigationContainer theme={theme} ref={navigationRef}>
<StatusBar backgroundColor={'grey'} />
<AppNavigator />
</NavigationContainer>
</MenuProvider>
</PersistQueryClientProvider>
</PersistGate>
</Provider>
);
};
export default App;
Using PersistQueryClientProvider
"@tanstack/react-query": "^4.2.1",
"@tanstack/react-query-persist-client": "^4.2.1",
Originally posted by @uttu-316 in TanStack/query#4784 (comment)