I just built a new project and imported mantine using these instructions: https://mantine.dev/guides/next/

After doing all this, I run into the following error any page I try to load.

⨯ ./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[6].oneOf[12].use[1]!./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[6].oneOf[12].use[2]!./node_modules/.pnpm/@[email protected]_@[email protected][email protected]__@[email protected][email protected][email protected][email protected]/node_modules/@mantine/core/styles.css
ReferenceError: module is not defined in ES module scope
Import trace for requested module:
./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[6].oneOf[12].use[1]!./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[6].oneOf[12].use[2]!./node_modules/.pnpm/@[email protected]_@[email protected][email protected]__@[email protected][email protected][email protected][email protected]/node_modules/@mantine/core/styles.css
./node_modules/.pnpm/@[email protected]_@[email protected][email protected]__@[email protected][email protected][email protected][email protected]/node_modules/@mantine/core/styles.css

This is what my package.json file looks like:

{
  "name": "ampai",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@mantine/core": "^7.11.2",
    "@mantine/hooks": "^7.11.2",
    "@mantine/styles": "^6.0.22",
    "mongodb": "~6.8.0",
    "next": "14.2.5",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@types/node": "^20.14.14",
    "@types/react": "^18.3.3",
    "@types/react-dom": "^18.3.0",
    "eslint": "^8.57.0",
    "eslint-config-next": "14.2.5",
    "postcss": "^8.4.40",
    "postcss-preset-mantine": "^1.17.0",
    "postcss-simple-vars": "^7.0.1",
    "tailwindcss": "^3.4.7",
    "typescript": "^5.5.4"
  }
}

Does anyone know any solutions to this? I’m pretty lost and also pretty new to nextjs / react

Ive also tried deleting the node_modules directory as well as package-lock.json and package.json and running pnpm i and pnpm upgrade but when I do that they don’t get built back?