NextJS App Router Error out in middleware

import { withAuth } from "@kinde-oss/kinde-auth-nextjs/middleware";
import { NextApiRequest } from "next";

interface KindeRequest extends NextApiRequest {
  kindeAuth: any; // Replace 'any' with the actual type of kindeAuth if known
}

export default function middleware(req: KindeRequest) {
  return withAuth(req);
}
export const config = {
  matcher: ["/dashboard"],
};

import { withAuth } from "@kinde-oss/kinde-auth-nextjs/middleware";
import { NextApiRequest } from "next";

interface KindeRequest extends NextApiRequest {
  kindeAuth: any; // Replace 'any' with the actual type of kindeAuth if known
}

export default function middleware(req: KindeRequest) {
  return withAuth(req);
}
export const config = {
  matcher: ["/dashboard"],
};