React Query with SSR(NextJS V12) Api Calling Issue.

Currently I am using

getInitialProps

getInitialProps

to fetch my data. And after fetching I am dehydrating the data, it is working fine as expected. But the issue is when I am doing Client side navigation, my Api calling is happening (from useQuery). But if I enable

shallow

shallow

routing then the API calling is not happening. Now how can I disable API calling without using

shallow

shallow

?

PS: I've already tried some solution from https://github.com/vercel/next.js/discussions/19611.

  if (typeof window !== 'undefined') {
    return {
      props: {},
    };
  }

  if (typeof window !== 'undefined') {
    return {
      props: {},
    };
  }

. Still API Calling is happening.

Thanks in advance.

TanStack•4y ago•

18 replies

sacred-rose

React Query with SSR(NextJS V12) Api Calling Issue.

Currently I am using

getInitialProps

getInitialProps

shallow

shallow

routing then the API calling is not happening. Now how can I disable API calling without using

shallow

shallow

?

PS: I've already tried some solution from https://github.com/vercel/next.js/discussions/19611.

  if (typeof window !== 'undefined') {
    return {
      props: {},
    };
  }

  if (typeof window !== 'undefined') {
    return {
      props: {},
    };
  }

. Still API Calling is happening.

Thanks in advance.

React Query with SSR(NextJS V12) Api Calling Issue.

Similar Threads

React Query with SSR(NextJS V12) Api Calling Issue.

Similar Threads

Similar Threads

Similar Threads