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