UI Elements stop working w/ beforeLoad

export const Route = createRootRoute({
    beforeLoad: async ({ location: { pathname } }) => {
        // const userId = getCookie("userId");
        console.log(pathname);
        return;
    },
    head: () => ({
        meta: [
            {
                charSet: "utf-8",
            },
            {
                name: "viewport",
                content: "width=device-width, initial-scale=1",
            },
            {
                title: "Test Demo",
            },
        ],
        links: [
            {
                rel: "stylesheet",
                href: appCss,
            },
        ],
    }),
    component: RootComponent,
});

Uncaught (in promise) SyntaxError: The requested module '/node_modules/use-sync-external-store/shim/with-selector.js?v=5d864894' does not provide an export named 'useSyncExternalStoreWithSelector' (at index.js?v=5d864894:1:10)