Kinde login dialog loop

[taldr27]

I'm at 9:23:00 / 12:00:00 of the Youtube video and I was trying to test Stripe on production and I found that the login dialog kept popping up repeatedly after logging in.

After some debugging, I noticed that every time we were redirected to /configure/preview?id=, the /logout route was being called right away. The problem seems to be with the Logout button in the Navbar—when I commented it out, the issue stopped and I was redirected to Stripe correctly.

I haven't investigated deeper into why this happens, but if anyone has any ideas, that would be great to hear!

Logout call:

After removing the logout button:

Working demo:

scrnli_9_5_2024_6-31-16.PM.mp4

[dantruman]

Good find!
I switched the link elements inside the Navbar with RegisterLink, LoginLink and LogoutLink provided by kinde:
import {
RegisterLink,
LoginLink,
LogoutLink,
} from "@kinde-oss/kinde-auth-nextjs/components";

<LogoutLink className={buttonVariants({ size: "sm", variant: "ghost", })}>Sign Out </ LogoutLink>
<LoginLink className={buttonVariants({size: "sm", variant: "ghost", })}>Login </ LoginLink>
<RegisterLink className={buttonVariants({size: "sm", variant: "ghost", })}>Register < /RegisterLink>

as in kinde docs: https://docs.kinde.com/developer-tools/sdks/backend/nextjs-sdk/

Now all works just fine, thanks for the help!

[maximilian02]

Good find! I switched the link elements inside the Navbar with RegisterLink, LoginLink and LogoutLink provided by kinde: import { RegisterLink, LoginLink, LogoutLink, } from "@kinde-oss/kinde-auth-nextjs/components";

<LogoutLink className={buttonVariants({ size: "sm", variant: "ghost", })}>Sign Out </ LogoutLink> <LoginLink className={buttonVariants({size: "sm", variant: "ghost", })}>Login </ LoginLink> <RegisterLink className={buttonVariants({size: "sm", variant: "ghost", })}>Register < /RegisterLink>

as in kinde docs: https://docs.kinde.com/developer-tools/sdks/backend/nextjs-sdk/

Now all works just fine, thanks for the help!

This saved me. Thanks.