-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
43 lines (38 loc) · 1.22 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import React, {useEffect} from 'react';
import {Alert} from 'react-native';
import NetInfo, {useNetInfo} from '@react-native-community/netinfo';
import AsyncStorage from '@react-native-async-storage/async-storage';
import {PersistQueryClientProvider} from '@tanstack/react-query-persist-client';
import {createAsyncStoragePersister} from '@tanstack/query-async-storage-persister';
import {QueryClient, onlineManager} from '@tanstack/react-query';
import {NavigationContainer} from '@react-navigation/native';
import {Router} from './src/screens';
const queryClient = new QueryClient({
refetchOnReconnect: true,
refetchOnMount: true,
refetchOnWindowFocus: false,
});
const persister = createAsyncStoragePersister({
storage: AsyncStorage,
});
onlineManager.setEventListener(setOnline => {
return NetInfo.addEventListener(state => {
setOnline(!!state.isConnected);
});
});
NetInfo.addEventListener(state => {
if (!state.isConnected) {
Alert.alert('You are offline');
}
});
export function App() {
return (
<PersistQueryClientProvider
client={queryClient}
persistOptions={{persister}}>
<NavigationContainer>
<Router />
</NavigationContainer>
</PersistQueryClientProvider>
);
}