Navigating between some pages is not instant
Hi everyone. I have few routes that render just static content.
The structure looks like this:
-
/
- /settings
- /project/$projectId
- /project/$projectId/page1
- /project/$projectId/page2
- /project/$projectId/page3
- /project/$projectId/settings
When navigating from / to /project/$projectId, the content takes few ms to render. All other navigation happens instantly. The only thing that comes to mind is the amount of code rendered, but it's still just a few components, so that doesn't feel right.
Can somebody please explain to me what am I missing about the data loading in start and how to solve my issues? Here is minimal reproducible example.4 Replies
metropolitan-bronze•4mo ago
remove the
async here
other-emeraldOP•4mo ago
Oh damn, I totally missed that. Thank you! Is there documentation on how start handles async vs non-async components? While this solved my problem, I'd like to understand what's actually going on with async components.
metropolitan-bronze•4mo ago
async components are not supported
they will be once we have RSC support
in your case, the
async component was client side rendered and cause a react error
check the browser error logs
and that caused that delayother-emeraldOP•4mo ago
Okay, fair enough. I guess I'm just surprised that it managed to handle the async component even when it errored.