Hydration issues on navigation while hydration is ongoing

With a structure like this, navigation is enabled before hydration is complete.

<Sidebar />
<Suspense>
  <Outlet />
</Suspense>

<Sidebar />
<Suspense>
  <Outlet />
</Suspense>

While hydrating, users can already use the sidebar to navigate to different routes. However, this leads to hydration errors and this also leads to an issue where two A components are "active" at the same time, i.e. "activeClass" is applied to two link components simultaneously. Is there anything I can do to prevent this? Edit: Might well be that I mis-analyzed the circumstances of this. Please excuse me if that's the case. The problem is very real, though 😮

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Hydration issues on navigation while hydration is ongoing