Next.js - useSession flickering
Hi, using a navbar in _app.js I experience flickering when the browser renders a page with an active session. I can see for a moment the wrong navbar. How can I fix that?
_app.js
navbar.js
_app.js
<SessionContextProvider
supabaseClient={supabaseClient}
initialSession={pageProps.initialSession}
>
<Navigationbar />
<Component {...pageProps} />
</SessionContextProvider>navbar.js
export default function Navigationbar() {
const router = useRouter()
const session = useSession()
const currentPath = router.asPath
if (!session) {
return (
<NavbarPresentation router={router} />
)
}
else if (session)
return (
<NavbarLoggedIn router={router} />
)
}