Next.js Discord

Discord Forum

React suspense is not working with Client + Server side rendering

Unanswered
Californian posted this in #help-forum
Open in Discord
Avatar
CalifornianOP
Hey Everyone.

I am trying to use react suspense with both client and server components combined

1. Here the page.js contains a RSC homepage
2. That home page have 2 components:
2a) Filters -> Client component. Fetches list of filters from the api
2b) Services -> Server component fetches data on the server

I want to load my page with some static data first then fetch all these data asynchronously

Here even after I used the Suspense. The page waits until the services request to be completed to load.

What am I doing wrong here.
Image
Image
Image

2 Replies

Avatar
CalifornianOP
Image
Avatar
Acacia-ants
Following this as I'm having a similar issue.