Force/Automatic Login Redirect with v5 and NextJS 14

[900008676]

I have seen this question asked multiple times. I have seen several different answers. I have even seen some which say it works with v5 beta. However, I am still unable to get this to work.

REQUIREMENT

1. When a user visits the website, any page, the application should check to see if the user is authenticated
2. I am using Microsoft Entra Id
3. If the user is not logged in, it should automatically redirect the user to the oath signin
4. Upon successful login, it should redirect back to the homepage

WHAT IS WORKING

1. Microsoft Entra Id configuration is working
2. Clicking a signin button on a temporary page takes me directly to the oath signin and back to the homepage

MY IMPLEMENTATION

auth.js

import NextAuth from "next-auth"
import MicrosoftEntraID from "next-auth/providers/microsoft-entra-id"
 
export const { handlers, auth, signIn, signOut } = NextAuth({
  providers: [
    MicrosoftEntraID({
      clientId: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
      clientSecret: process.env.AUTH_MICROSOFT_ENTRA_ID_SECRET,
      issuer: `https://login.microsoftonline.com/${process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID}/v2.0`,      
    }),
  ]
})

middleware.js

export { auth as middleware } from "@/auth"

export const config = {
    matcher: ['/'],
};

[...nextauth]\route.ts

import { handlers } from "@/auth"
export const { GET, POST } = handlers

lib\auth-actions.ts

'use server'

import { signIn, signOut } from '@/auth'

export async function SignIn() {
    return await signIn('microsoft-entra-id')
}

export async function SignOut() {
    return await signOut()
}