Weird error when trying to use graphql

This is my frontend package.json:

{
  "name": "next frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "node server.js",
    "lint": "next lint"
  },
  "dependencies": {
    "@apollo/client": "^3.10.0-alpha.1",
    "@apollo/experimental-nextjs-app-support": "^0.11.2",
    "@emotion/react": "^11.11.4",
    "@emotion/styled": "^11.11.5",
    "@headlessui/react": "^2.1.2",
    "@mui/material": "^5.16.4",
    "@next/eslint-plugin-next": "^14.2.5",
    "autoprefixer": "^10.4.19",
    "axios": "^1.7.2",
    "bcryptjs": "^2.4.3",
    "better-sqlite3": "^7.4.3",
    "dotenv": "^16.4.5",
    "emailjs-com": "^3.2.0",
    "eslint": "^8.57.0",
    "eslint-config-next": "14.2.4",
    "graphql": "^16.9.0",
    "js-cookie": "^3.0.5",
    "jsonwebtoken": "^9.0.2",
    "next": "14.2.4",
    "next-auth": "^4.24.7",
    "next-connect": "^1.0.0",
    "pg": "^8.12.0",
    "pg-hstore": "^2.3.4",
    "postcss": "^8.4.39",
    "react": "^18",
    "react-dom": "^18",
    "tailwindcss": "^3.4.6"
  }
}