This is the error message i get in the console:

An issue with @vercel/og and middleware?

This is my package.json:

{
  "name": "thaun-website",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "eslint": "eslint . --fix --config .eslintrc.json --ext .ts,.tsx",
    "eslint:files": "yarn eslint | grep -e '^/.*tsx$' -e '^/.*ts$'",
    "eslint:files:open": "code $(yarn --silent eslint:files)",
    "db:generate": "drizzle-kit generate:pg",
    "db:push": "drizzle-kit push:pg",
    "db:migrate": "node -r esbuild-register ./db/migrate.ts",
    "db:studio": "drizzle-kit studio --verbose",
    "updates": "npm-check-updates"
  },
  "dependencies": {
    "@auth/drizzle-adapter": "^0.3.4",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@fontsource/roboto": "^5.0.8",
    "@fortawesome/fontawesome-svg-core": "^6.4.2",
    "@fortawesome/free-brands-svg-icons": "^6.4.2",
    "@fortawesome/free-regular-svg-icons": "^6.4.2",
    "@fortawesome/free-solid-svg-icons": "^6.4.2",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@mui/icons-material": "^5.14.14",
    "@mui/material": "^5.14.14",
    "@passwordlessdev/passwordless-client": "^1.1.2",
    "@radix-ui/react-menubar": "^1.0.4",
    "@radix-ui/react-navigation-menu": "^1.1.4",
    "@radix-ui/react-slot": "^1.0.2",
    "@types/node": "20.8.7",
    "@types/react": "18.2.29",
    "@types/react-dom": "18.2.14",
    "@vercel/analytics": "^1.1.1",
    "@vercel/postgres": "^0.5.0",
    "autoprefixer": "10.4.16",
    "bcryptjs": "^2.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
    "drizzle-orm": "^0.28.6",
    "eslint": "8.51.0",
    "eslint-config-next": "^13.5.6",
    "lucide-react": "^0.288.0",
    "next": "^13.5.6",
    "next-auth": "^0.0.0-manual.dacbe24d",
    "next-axiom": "^1.0.0",
    "next-themes": "^0.2.1",
    "postcss": "8.4.31",
    "postgres": "^3.4.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hot-toast": "^2.4.1",
    "sass": "^1.69.4",
    "tailwind-merge": "^1.14.0",
    "tailwindcss": "3.3.3",
    "tailwindcss-animate": "^1.0.7",
    "typescript": "5.2.2"
  },
  "devDependencies": {
    "@types/bcryptjs": "^2.4.5",
    "@types/react-fontawesome": "^1.6.7",
    "drizzle-kit": "^0.19.13",
    "eslint-config-prettier": "^9.0.0",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-prettier": "^5.0.1",
    "eslint-plugin-unused-imports": "^3.0.0",
    "prettier": "3.0.3"
  }
}

This is my middleware.ts imports

import NextAuth from "next-auth";
import { NextResponse } from "next/server";
import { authAdapter, authConfig } from "./lib/auth";
import { cookies } from "next/headers";
import db from "./db/edge";

This is my db edge imports:

import { sql } from "@vercel/postgres";
import { drizzle } from "drizzle-orm/vercel-postgres";

This is my auth imports:

import NextAuth, { NextAuthConfig } from "next-auth";
import CredentialsProvider from "next-auth/providers/credentials";
import { DrizzleAdapter } from "@auth/drizzle-adapter";

import GithubProvider from "next-auth/providers/github";
import { verifyPasswordless } from "./passwordless";
import db from "@/db/edge";

import { PromiseReturnType } from "./utils/promise";
import { pgTableHijack } from "./utils/pgTableHijack";
import { verifyPassword } from "./utils/passwordgen";