router.push event is throwing TypeError: Cannot destructure property 'auth' of 'urlObj' as it is undefined. about next.js HOT 2 CLOSED

I encountered a similar problem in my project as well. After some messing around, it appears that the issue might be related to NextUI, Because I do have another component library in the project too and that worked fine.

I found a workaround for the issue by patching all instances of router.open in the NextUI. Sending additional href in the parameter to the function call, since I noticed the router interface contains

interface Router {
    isNative: boolean;
    open: (target: Element, modifiers: Modifiers, href: Href, routerOptions: RouterOptions | undefined) => void;
    useHref: (href: Href) => string;
}

It seems to resolve the issue for me

I use pnpm to patch all of these occurrence
@nextui-org/use-aria-link

- router.open(e.currentTarget, e);
+ router.open(e.currentTarget, e, e.currentTarget.href);

@nextui-org/use-aria-menu

-      router.open(e.target, e);
+      router.open(e.target, e, e.target.href);

@nextui-org/pagination

-          router.open(e.currentTarget, e);
+          router.open(e.currentTarget, e, e.currentTarget.href);

Then, finally, don't forget to clear your webpack cache or delete your .next folder

This workaround may not be the optimal solution and there's a possibility it could introduce other issues, I haven't looked deep into it, because I need to get my project working in time 😅

EDIT: Seem like there is a PR to fix this now on NextUI repo: nextui-org/nextui#2943

from next.js.

@YuzuZensai Thanks for helping me out.

from next.js.