diff --git a/App.tsx b/App.tsx
index cce88888..4b08f9b1 100644
--- a/App.tsx
+++ b/App.tsx
@@ -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>
   );
 }
\ No newline at end of file