Protecting resources through middleware with NextAuth doesn't work with Google provider and database strategy

[giodas]

I'm trying to protect the Home Page of my app and send users to the login page if they're not logged in. I'm using NextJS App Router, NextAuth and the middleware approach. Provider is Google and strategy database. Login seemed to work OK before implementing resources protection through middlware. User details woul be saved in the database, and users redirected to the home page upon login.
Now after implmenting resource protection, users are always redirected to the login page and I see the following error:

[auth][error] JWTSessionError: Read more at https://errors.authjs.dev#jwtsessionerror
[auth][cause]: JWEInvalid: Invalid Compact JWE
    at compactDecrypt (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/990b6_jose_dist_browser_c3de41._.js:3248:15)
    at jwtDecrypt (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/990b6_jose_dist_browser_c3de41._.js:3399:266)
    at Object.decode (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/c1962_@auth_core_9221fb._.js:658:253)
    at Module.session (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/c1962_@auth_core_9221fb._.js:4240:39)
    at AuthInternal (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/c1962_@auth_core_9221fb._.js:4868:244)
    at async Auth (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/c1962_@auth_core_9221fb._.js:5121:34)
    at async handleAuth (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/node_modules__pnpm_ec18f0._.js:3948:29)
    at async /home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/_5549f8._.js:11561:20
    at async /home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/_5549f8._.js:6157:28
    at async adapter (/home/giovanni/git/easymoney/easy-money/.next/server/edge/chunks/_5549f8._.js:6113:16)
[auth][details]: {}

Here is the implementation:

// auth.ts
import NextAuth from "next-auth";
import Google from "next-auth/providers/google";
import { SupabaseAdapter } from "@auth/supabase-adapter";
import { authConfig } from './auth.config';

export const { handlers, signIn, signOut, auth } = NextAuth({
  ...authConfig,
  providers: [Google],
  session: {
    strategy: "database"
  },
  adapter: SupabaseAdapter({
    url: process.env.SUPABASE_URL!,
    secret: process.env.SUPABASE_SERVICE_ROLE_KEY!,
  })
})

// auth.config.ts
import type { NextAuthConfig, Session } from 'next-auth';
import Google from "next-auth/providers/google"
import { SupabaseAdapter } from "@auth/supabase-adapter"
import { NextRequest } from 'next/server';

export const authConfig = {
  pages: {
    signIn: '/login'
  },
  callbacks: {
    authorized({ auth, request: { nextUrl }} : {auth: null | Session, request: NextRequest}) {
        const isLoggedIn = !!auth?.user;
        const isOnHomePage = nextUrl.pathname === '/';
        if (isOnHomePage) {
            if (isLoggedIn) {
                return true;
            }
            return false; // Redirect unauthenticated users to login page
        } else if (isLoggedIn) {
            return Response.redirect(new URL('/', nextUrl))
        }
        return true;
    }
  },
  providers: [], 
} satisfies NextAuthConfig;

// middleware.ts
import NextAuth from 'next-auth';
import { authConfig } from './auth.config';
 
export const { auth: middleware } = NextAuth(authConfig);
 
export const config = {
  // https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher
  matcher: ['/((?!api|_next/static|_next/image|.*\\.png$).*)'],
};

[giodas]

Fixed, I had to add the Google provider and the Supabase adapter to auth.config.ts