All Questions
Tagged with react-query server-side-rendering
25
questions
0
votes
0
answers
15
views
NextJS Server Component Data Mutation
'use server';
import TirestockComponent from '@components/TirestockComponent';
import { fetchTirestock } from '@nextapi/fetchTirestock';
export default async function UsedTirestock() {
const ...
0
votes
0
answers
180
views
how to fetch data in Vite SSR with React?
i am currently migrating from a vite with react simple app to an SSR one, and while doing so i've countered the fetching data issue (i'm new to SSR) so i was using react query (tenstack query) to ...
0
votes
0
answers
541
views
Combining SSR Prefetch with Dynamic Layouts in Next.js and React-Query
I'm working on a project using Next.js 14 and React-Query v5, focusing on a user management system with pages at /users and /users/< id >. I need to access a list of users across these pages, so ...
0
votes
0
answers
89
views
Nextjs 14 + React query SSR breaking
thanks for your time reading this and for the great job on this project!
I have followed the Advanced Server Rendering
walkthrough to setup my project.
Beforehand here is my (partial) stack:
"@...
- 3,181
0
votes
0
answers
372
views
React Query V5: prefetchQuery with gcTime set to Infinity not working as expected
I'm working on a React application with custom Server-Side Rendering (SSR) implemented through Express. The app utilizes React Query V5 and I'm facing an issue with the prefetchQuery method, ...
- 1
0
votes
0
answers
83
views
Is it possible to share a react query `QueryClient` between serverless functions in nextJS?
We've recently inherited a nextJS project which is making far too many API calls to prismic, and are at threat of being bumped up to an extortionate costing if we don't get on top of it.
One of the ...
- 11
2
votes
2
answers
2k
views
How to use SSR in nextjs 14 + react-query?
I did everything according to the documentation, but there is no server rendering
I have created a page
app/layout.tsx
export default async function RootLayout({children}: {children: React.ReactNode})...
- 43
1
vote
1
answer
573
views
react-query streaming ssr in Next.js 13
I was trying to work with react-query using Next.js 13.
I used prefetchQuery+Hydrate referencing https://tanstack.com/query/v4/docs/react/guides/ssr
It worked fine, but I found out that streaming ...
- 11
2
votes
0
answers
706
views
getServerSideProps with react-query doesn't work (prefetchQuery)
First of all, I'm using a custom hook for react-query.
The custom hooks is as follows.
export const useGetUser = (id: number) => {
return useQuery<User, Error>(
['useGetUser'],
() =&...
- 321
2
votes
0
answers
218
views
Next.js Failed to load static props (with react-query)
I saw in sentry that many users experience the error "Failed to load static props" but I don't know why, if I try to go to the same url it always works for me,
Also the for the users I can ...
- 21
0
votes
1
answer
1k
views
When re-entering same url with Link Component in Next.js, prefetchQuery doesn't fetch data (SSR)
I'm using Next.js and React Query for SSR.
Everything is fine until re-entering the exact dynamic route(e.g. domain/support/guide/faq/[id]).
The expected behavior is rendered query data without ...
- 13
6
votes
0
answers
7k
views
How to use React Query v4 SSR Hydration method with Next JS 13
Next JS 13 was just released last month and totally changed the way data was fetched while also providing an alternative to the use of _app.js and _document.js with the use of the root layout.js. ...
- 508
-1
votes
1
answer
967
views
React query ssr TypeError: Converting circular structure to JSON
I'm following the react-query ssr documentation but I'm getting an error. What am I doing wrong?
I know what is circular structure. but in the documentation everything works fine
https://tanstack.com/...
- 83
3
votes
1
answer
4k
views
How to handle multiple dehydrated queries using react-query in next JS getServersideProps
I am using react-query in conjunction with Next JS getServerSideProps to fetch data before a page loads using the hydration method specified in the docs like this:
// Packages
import { dehydrate, ...
- 508
1
vote
0
answers
156
views
tRCP is fetching data again, even when it's fetched and provided in getServerSideProps
In my project I'm using NextJs and tRPC for backend calls. I wanted to fetch some data in getServerSideProps using tRPC and provide it in Page component, also using react-query state for whole ...
- 404