diff --git a/src/__tests__/App.test.tsx b/src/__tests__/App.test.tsx
index 35daa9c..9a30626 100644
--- a/src/__tests__/App.test.tsx
+++ b/src/__tests__/App.test.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import '@testing-library/jest-dom';
 import { Provider } from 'react-redux';
 import { Middleware, Dispatch, AnyAction } from 'redux';
+import { QueryClient, QueryClientProvider } from 'react-query';
 import configureMockStore from 'redux-mock-store';
 import { render } from '@testing-library/react';
 import { PlayQueue } from '../redux/playQueueSlice';
@@ -19,6 +20,8 @@ import { View } from '../redux/viewSlice';
 const middlewares: Middleware<Record<string, unknown>, any, Dispatch<AnyAction>>[] | undefined = [];
 const mockStore = configureMockStore(middlewares);
 
+const queryClient = new QueryClient();
+
 const playQueueState: PlayQueue = {
   player1: {
     src: './components/player/dummy.mp3',
@@ -503,7 +506,9 @@ describe('App', () => {
     expect(
       render(
         <Provider store={store}>
-          <App />
+          <QueryClientProvider client={queryClient}>
+            <App />
+          </QueryClientProvider>
         </Provider>
       )
     ).toBeTruthy();