`No QueryClient set, use QueryClientProvider` jest test error despite passing queryClient

export const useCheckTokenPermissions = () => {
  const queryKey = ["auth"]
  const params = {
    checks: {
      readAllApiKeys: {
        object: {
          resource_type: "api_key",
        },
        action: "read",
      },
    },
  }
  return useQuery({
    queryKey,
    queryFn: () => checkAuthorization(params),
  })
}

// testHelpers.ts
export const render = (component: ReactElement): RenderResult => {
  return render(<AppProviders>{component}</AppProviders>)
}

// app.tsx
const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      retry: false,
      cacheTime: 0,
      refetchOnWindowFocus: false,
    },
  },
})

export const AppProviders: FC<PropsWithChildren> = ({ children }) => {
  return (
    <HelmetProvider>
      <ThemeProvider theme={dark}>
        <CssBaseline />
        <ErrorBoundary>
          <QueryClientProvider client={queryClient}>
            <AuthProvider>
              {children}
              <GlobalSnackbar />
            </AuthProvider>
          </QueryClientProvider>
        </ErrorBoundary>
      </ThemeProvider>
    </HelmetProvider>
  )
}

// brokenTest.test.tsx
it("shows a toggle switch if user has read all permissions", async () => {
    const MockReadAllTokenPermissions: AuthorizationResponse = {
      readAllApiKeys: true,
    }
    server.use(
      rest.get("/api/v2/authcheck", (req, res, ctx) => {
        return res(ctx.status(200), ctx.json(MockReadAllTokenPermissions))
      }),
    )
    const { container } = render(<TokensPage />)
    const { result } = renderHook(() => useCheckTokenPermissions(), {
      container,
    })
    await waitFor(() => expect(result.current.isSuccess).toBe(true))
    ...