Next.js Discord

Discord Forum

can anyone help me? I can not understand why suspense doesn't work?

Unanswered
Giant panda posted this in #help-forum
Open in Discord
Giant pandaOP

23 Replies

Giant pandaOP
help me please
Asiatic Lion
@Giant panda Have your tried with text inside p tag. Like <p>Loading..</p>
@Asiatic Lion <@1054847205711814746> Have your tried with text inside p tag. Like `<p>Loading..</p>`
Giant pandaOP
I did this too, it doesn't work
Asiatic Lion
My suspense is also working with server component. God knows what's happening with next new version.
@Giant panda If you find a solution, do let me know.
Giant pandaOP
I haven't found it yet
@Giant panda try navigating to the page
so like click a link tag
which takes you to the site
Giant pandaOP
can you help me? if i post the link in github?
Suspense works only on navigation
not when you refresh the screen
i think ppr is aiming to fix that
not sure
@Giant panda can you help me? if i post the link in github?
Turkish Van
I just cloned Your build, the problem is not in Suspense, not even in ExclusiveProducts component, but in Header.

For now, that's all I got. Gonna dive in a bit deeper, to see what exactly in Header is causing a waterfall.
Turkish Van
I might be wrong, but it seems like this part is causing the unexpected long loading that You see. Header > Search:

{categories.map(({ title }, index) => (
  <option key={title + index} value={title}>
    {title}
  </option>
))}
With the above code snippet included:
Without it:
Giant pandaOP
thank you
@Giant panda thank you
is it solved?
Giant pandaOP
the problem was that my data was loaded too quickly via json-server
if you can, help me with another question please