`refetchOnWindowFocus` is not working (v5) about query HOT 4 CLOSED

It works! Thanks!

from query.

I'm not really sure how svelte works, but somewhere, we need to call queryClient.mount() to subscribe to the window events. In React and solid, that's what the QueryClientProvider does:

What's the equivalent for svelte here? @lachlancollins might know this :)

from query.

@TkDodo the equivalent mount/unmount logic should be this:

from query.

@frederikhors Dominik was correct, you need to add the QueryClientProvider component somewhere in your app. The most common place to put this is src/routes/+layout.svelte:

<script lang="ts">
  import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query'

  const queryClient = new QueryClient()
</script>

<QueryClientProvider client={queryClient}>
  <slot />
</QueryClientProvider>

Then you would remove this from +page.svelte:

const client = new QueryClient();

setQueryClientContext(client);

If you needed the client from context you could call const client = useQueryClient()

You can see the docs here: https://tanstack.com/query/latest/docs/svelte/overview

from query.