Wrap app in query client lol

did you RTFM?
This commit is contained in:
Violet Caulfield
2024-10-13 15:09:00 -05:00
parent bbbe01ead5
commit 36bae73893

23
App.tsx
View File

@@ -15,10 +15,13 @@ import { usePlayer } from './player/queries';
import Login from './components/Login/component';
import Jellify from './components/Jellify/component';
import { useApi } from './api/queries';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
export default function App(): React.JSX.Element {
const isDarkMode = useColorScheme() === 'dark';
const queryClient = new QueryClient();
usePlayer;
// Attempt to create API instance, if it fails we aren't authenticated yet
@@ -29,14 +32,16 @@ export default function App(): React.JSX.Element {
};
return (
<NavigationContainer>
<SafeAreaView style={backgroundStyle}>
<StatusBar
barStyle={isDarkMode ? 'light-content' : 'dark-content'}
backgroundColor={backgroundStyle.backgroundColor}
/>
isSuccess ? <Jellify /> : <Login />
</SafeAreaView>
</NavigationContainer>
<QueryClientProvider client={queryClient}>
<NavigationContainer>
<SafeAreaView style={backgroundStyle}>
<StatusBar
barStyle={isDarkMode ? 'light-content' : 'dark-content'}
backgroundColor={backgroundStyle.backgroundColor}
/>
isSuccess ? <Jellify /> : <Login />
</SafeAreaView>
</NavigationContainer>
</QueryClientProvider>
);
}