21 replies

Prevent trpc refetching

Does anyone have an idea how I prevent trpc refetching, current I have following queries in a page:

const Game = () => {
  const { data: movies } = trpc.movie.getAll.useQuery();
  const { data: possibleAnswers } = trpc.movie.getThree.useQuery();

const Game = () => {
  const { data: movies } = trpc.movie.getAll.useQuery();
  const { data: possibleAnswers } = trpc.movie.getThree.useQuery();

Which keeps refetching if I focus on the application.

I went through the docs https://tanstack.com/query/v4/docs/react/guides/window-focus-refetching

And tried:

  const { data: movies } = trpc.movie.getAll.useQuery({
    refetechOnWindowFocus: false,
  });

  const { data: movies } = trpc.movie.getAll.useQuery({
    refetechOnWindowFocus: false,
  });

But I get this:

(property) refetechOnWindowFocus: boolean
Argument of type '{ refetechOnWindowFocus: boolean; }' is not assignable to parameter of type 'void'.ts(2345)

(property) refetechOnWindowFocus: boolean
Argument of type '{ refetechOnWindowFocus: boolean; }' is not assignable to parameter of type 'void'.ts(2345)

Window Focus Refetching | TanStack Query Docs

If a user leaves your application and returns to stale data, React Query automatically requests fresh data for you in the background. You can disable this globally or per-query using the refetchOnWindowFocus option:

Disabling Globally

TTC

Theo's Typesafe Cult•4y ago•

21 replies

utdev

Prevent trpc refetching

Does anyone have an idea how I prevent trpc refetching, current I have following queries in a page:

const Game = () => {
  const { data: movies } = trpc.movie.getAll.useQuery();
  const { data: possibleAnswers } = trpc.movie.getThree.useQuery();

const Game = () => {
  const { data: movies } = trpc.movie.getAll.useQuery();
  const { data: possibleAnswers } = trpc.movie.getThree.useQuery();

Which keeps refetching if I focus on the application.

I went through the docs https://tanstack.com/query/v4/docs/react/guides/window-focus-refetching

And tried:

  const { data: movies } = trpc.movie.getAll.useQuery({
    refetechOnWindowFocus: false,
  });

  const { data: movies } = trpc.movie.getAll.useQuery({
    refetechOnWindowFocus: false,
  });

But I get this:

(property) refetechOnWindowFocus: boolean
Argument of type '{ refetechOnWindowFocus: boolean; }' is not assignable to parameter of type 'void'.ts(2345)

(property) refetechOnWindowFocus: boolean
Argument of type '{ refetechOnWindowFocus: boolean; }' is not assignable to parameter of type 'void'.ts(2345)

Window Focus Refetching | TanStack Query Docs

Prevent trpc refetching

Similar Threads

Prevent trpc refetching

Similar Threads

Similar Threads

Similar Threads