Help me with multiple rendering in production

[MohsinDev369]

Summary

I am using "next": "^14.2.4", and I attached some logs of my next app in production. As you can see some pages are rendering multiple times, Especially "/api/auth/session" from nextauth, Let me know what code you need as I can't share the entire code publicly, Thanks in advance

my auth.ts `import NextAuth from "next-auth"
import Google from "next-auth/providers/google"

export const { auth, handlers, signIn, signOut } = NextAuth({

providers: [Google],

// https://github.com/nextauthjs/next-auth/discussions/6898#discussioncomment-5308820
cookies: {
    pkceCodeVerifier: {
        name: "next-auth.pkce.code_verifier",
        options: {
            httpOnly: true,
            sameSite: "none",
            path: "/",
            secure: true,
        },
    },
},
callbacks: {
    authorized: ({ request: { nextUrl }, auth: midAuth }) => {
        const isLoggedIn = Boolean(midAuth?.user);
        const isOnDashboard = nextUrl.pathname.startsWith("/dashboard");
        const isOnEmail = nextUrl.pathname.startsWith("/email");
        if (isOnEmail) {
            return true;
        }
        if (isOnDashboard) {
            // Redirect unauthenticated users to the login page
            return isLoggedIn;
        } else if (isLoggedIn) {
            // Redirect authenticated users to the dashboard
            return Response.redirect(new URL("/dashboard", nextUrl));
        }

        // Allow unauthenticated users to access other pages
        return true;
    },
}

})`

And for /api/auth/[...nextauth]/route/ts
import { handlers } from "@/auth" export const { GET, POST } = handlers

Additional information

Let me know what code you want to see,

Example

No response