Hey! I am setting up auth with nextauth. Here are a few details:

1. Using Postgres with prisma adapter
2. Using discord as provider

middleware.ts (placed in the src directory, works):

export { default } from "next-auth/middleware"

export const config = { matcher: ["/dashboard", "/order"] }

sign-in.tsx

   'use client';

import {Button} from "@acme/ui";
import {signIn, useSession} from "next-auth/react";
import {useRouter} from "next/navigation";
import {useEffect} from "react";

export default function SignInPage() {
    const {data: session} = useSession()
    const router = useRouter()

    useEffect(() => {
        if (session) {
            console.log("session", session)
            router.push("/dashboard")
        }
    }, [session]);


    return (
        <div className="flex flex-col items-center justify-center min-h-screen py-12 px-4 sm:px-6 lg:px-8">
            <Button onClick={async () => {
                try {
                    await signIn("discord")
                    router.push("/dashboard")
                } catch (e) {
                    console.error(e)
                }
            }} variant="outline">
                <DiscordIcon className="mr-2 h-4 w-4"/>
                Sign In With Discord
            </Button>
        </div>
    )
}

I think what is happening is:
I login and the useEffect in sign in fires redirecting me to the dashboard but the middleware cannot fetch the session and it redirects me back to the sign-in back but I am logged in so I again redirected and it continues.

Am I using the middleware correct and can it be used in my current nextauth settings?