Jest: include QueryClientProvider in tests

app/soapbox/features/feed-filtering/__tests__/feed-carousel.test.tsx

@@ -137,9 +137,7 @@ describe('<FeedCarousel />', () => {
           expect(screen.queryAllByTestId('prev-page')).toHaveLength(0);
         });
 
-        await waitFor(() => {
+        await user.click(screen.getByTestId('next-page'));
-          user.click(screen.getByTestId('next-page'));
-        });
 
         await waitFor(() => {
           expect(screen.getByTestId('prev-page')).toBeInTheDocument();

app/soapbox/jest/test-helpers.tsx

@@ -1,4 +1,5 @@
 import { configureMockStore } from '@jedmao/redux-mock-store';
+import { QueryClientProvider } from '@tanstack/react-query';
 import { render, RenderOptions } from '@testing-library/react';
 import { merge } from 'immutable';
 import React, { FC, ReactElement } from 'react';
@@ -9,6 +10,8 @@ import { Action, applyMiddleware, createStore } from 'redux';
 import thunk from 'redux-thunk';
 import '@testing-library/jest-dom';
 
+import { queryClient } from 'soapbox/queries/client';
+
 import NotificationsContainer from '../features/ui/containers/notifications_container';
 import { default as rootReducer } from '../reducers';
 
@@ -45,13 +48,15 @@ const TestApp: FC<any> = ({ children, storeProps, routerProps = {} }) => {
 
   return (
     <Provider store={props.store}>
-      <IntlProvider locale={props.locale}>
+      <QueryClientProvider client={queryClient}>
-        <MemoryRouter {...routerProps}>
+        <IntlProvider locale={props.locale}>
-          {children}
+          <MemoryRouter {...routerProps}>
+            {children}
 
-          <NotificationsContainer />
+            <NotificationsContainer />
-        </MemoryRouter>
+          </MemoryRouter>
-      </IntlProvider>
+        </IntlProvider>
+      </QueryClientProvider>
     </Provider>
   );
 };