TanStack / tanstack.com

The marketing and docs site for all TanStack projects

Home Page:https://tanstack.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

No QueryClient set, use QueryClientProvider to set one

uttu-316 opened this issue · comments

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)