Nextjs middleware being ignored

function goToDashboard(){
  router.push('/dashboard');
}
return <button onClick={goToDashboard}>go</button>

function goToDashboard(){
  router.push('/dashboard');
}
return <button onClick={goToDashboard}>go</button>

export async function middleware(req: NextRequest) {
    const res = NextResponse.next();
    const { pathname } = req.nextUrl
    const status = "pending"
    const user = true
    if (pathname.startsWith("/dashboard")) {
        if (!user) {
            return redirect("/login", req);
        }
        if (status === "pending") {
            return redirect("/pending", req);
        }
    }
    return res
}

export const config = {
    matcher: [
        "/dashboard",
        "/login",
        "/pending",
    ],
}; 

export async function middleware(req: NextRequest) {
    const res = NextResponse.next();
    const { pathname } = req.nextUrl
    const status = "pending"
    const user = true
    if (pathname.startsWith("/dashboard")) {
        if (!user) {
            return redirect("/login", req);
        }
        if (status === "pending") {
            return redirect("/pending", req);
        }
    }
    return res
}

export const config = {
    matcher: [
        "/dashboard",
        "/login",
        "/pending",
    ],
};