grocery-app

1
import { StatusBar } from 'react-native';
2
import AuthContextProvider from './src/store/context/auth-context';
3
import { Navigation } from './src/components/Navigation';
4
import { QueryClient, QueryClientProvider } from 'react-query';
5
import { Provider } from 'react-redux';
6
import { persistor, store } from './src/store/redux';
7
// prevent error "Unsupported top level event type "onGestureHandlerStateChange" dispatched"
8
import 'react-native-gesture-handler';
9
import { PersistGate } from 'redux-persist/integration/react';
10

11
const queryClient = new QueryClient();
12

13
export default function App() {
14
  return (
15
    <>
16
      <StatusBar />
17
      <QueryClientProvider client={queryClient}>
18
        <AuthContextProvider>
19
          <Provider store={store}>
20
            <PersistGate persistor={persistor}>
21
              <Navigation />
22
            </PersistGate>
23
          </Provider>
24
        </AuthContextProvider>
25
      </QueryClientProvider>
26
    </>
27
  );
28
}
29