BUG - Warning href mismatch between client and server

ciaranschutte commented 2 years ago

Description

Warning: Prop href did not match. Server: "explorer" Client: "/explorer" mismatch with react hydration maybe?

There are some recent similar bug reports in nextjs repo https://github.com/vercel/next.js/issues/19922

Expected Behaviour

no warning for routes

Actual Behaviour

warning for unexpected difference between between client and server

Possible Fix

nextjs prefixes '/' for hrefs it looks like
may be something strange with our basePath env and how we create links. doing too much that nextjs is now doing automatically

Steps to Reproduce

View console from homepage

ciaranschutte commented 2 years ago

@caravinci I've filed this as a bug because it is not impacting the the user experience. still functionally working and this is a "warning" from nextjs point of view.

justincorrigible commented 2 years ago

~thanks! you're right... the issue is not stopping users. we can get to it later 💪~

Edit: Found this PR I opened last April, that was precisely addressing this issue. https://github.com/overture-stack/dms-ui/pull/118/files#diff-b074ca55cf4eb45722c058b01c77c5a3310c93799290de44331fef93193e7d21R39

overture-stack / stage