TypeError: Cannot read properties of undefined (reading 'startsWith')

Unanswered

Asiatic Lion posted this in #help-forum

Asiatic LionOP

2024-05-07T13:27:03.057Z

Hey guys,
I don't know where this error is occurring from, i don't have any startsWith in my code
When I click on a link for changing the URL I get an error :
TypeError: Cannot read properties of undefined (reading 'startsWith')
add-path-prefix.js:13 Uncaught TypeError: Cannot read properties of undefined (reading 'startsWith')

import authConfig from "@/auth.config"
import NextAuth from "next-auth"
 
const { auth } = NextAuth(authConfig);
import { 
    DEFAULT_LOGIN_REDIRECT,
    apiAuthPrefix,
    authRoutes,
    publicRoutes,
} from "./routes";


export default auth((req) => {
    const { nextUrl } = req;
    const isLoggedIn = !!req.auth;


    const isApiAuthRoute = nextUrl.pathname.startsWith(apiAuthPrefix);
    const isPublicRoute = publicRoutes.includes(nextUrl.pathname);
    const isAuthRoute = authRoutes.includes(nextUrl.pathname);


    if (isApiAuthRoute) {
        return;
    }

    if (isAuthRoute) {
        if (isLoggedIn) {
            return Response.redirect(new URL(DEFAULT_LOGIN_REDIRECT, nextUrl))
        }
        return;
    }


    if (!isLoggedIn && !isPublicRoute) {
        let callbackUrl = nextUrl.pathname;
        if (nextUrl.search) {
            callbackUrl += nextUrl.search
        }

        const encodedCallbackUrl = encodeURIComponent(callbackUrl)

        return Response.redirect(new URL(`/auth/login?callbackUrl=${encodedCallbackUrl}`, nextUrl));
    }

    return;
});
 

export const config = {
    matcher: ["/((?!.+\\.[\\w]+$|_next).*)", "/", "/(api|trpc)(.*)"],
}

Here is my Middleware btw
I even tried removing all the code from this and debugging but the error is not occurring from here

81 Replies

@Asiatic Lion Hey guys, I don't know where this error is occurring from, i don't have any startsWith in my code When I click on a link for changing the URL I get an error : TypeError: Cannot read properties of undefined (reading 'startsWith') add-path-prefix.js:13 Uncaught TypeError: Cannot read properties of undefined (reading 'startsWith') ts import authConfig from "@/auth.config" import NextAuth from "next-auth" const { auth } = NextAuth(authConfig); import { DEFAULT_LOGIN_REDIRECT, apiAuthPrefix, authRoutes, publicRoutes, } from "./routes"; export default auth((req) => { const { nextUrl } = req; const isLoggedIn = !!req.auth; const isApiAuthRoute = nextUrl.pathname.startsWith(apiAuthPrefix); const isPublicRoute = publicRoutes.includes(nextUrl.pathname); const isAuthRoute = authRoutes.includes(nextUrl.pathname); if (isApiAuthRoute) { return; } if (isAuthRoute) { if (isLoggedIn) { return Response.redirect(new URL(DEFAULT_LOGIN_REDIRECT, nextUrl)) } return; } if (!isLoggedIn && !isPublicRoute) { let callbackUrl = nextUrl.pathname; if (nextUrl.search) { callbackUrl += nextUrl.search } const encodedCallbackUrl = encodeURIComponent(callbackUrl) return Response.redirect(new URL(`/auth/login?callbackUrl=${encodedCallbackUrl}`, nextUrl)); } return; }); export const config = { matcher: ["/((?!.+\\.[\\w]+$|_next).*)", "/", "/(api|trpc)(.*)"], } Here is my Middleware btw I even tried removing all the code from this and debugging but the error is not occurring from here