I am trying to make a sign in remember me authentication middleware.

I am using firebase for my user authentication, and so I have a hook named "useAuthState" that checks if a user is logged in.

I get the error "Cannot read properties of null (reading 'useReducer')"
From what I understand, it is caused due to the fact that a middleware is a server side running file, while the hook can only be used on the client side.

Is there any way to fix this? Or maybe if someone knows a good way to create a firebase user authentication middleware?

Here's my code for further understanding of the issue:

export function middleware(request: Request) {
    
    const [user, loading] = useAuthState(auth)


        if(user) {
            return NextResponse.redirect(new URL('/home',request.url))

        }
        else
            console.log("not logged in")
}