pnpm requires older vesions of react and react-dom

[gnllucena]

whenever I try to install tailwind-styled-components with pnpm it says I should be using an older version of react and react-dom, even tho I have newer ones:

terminal error:

Already up-to-date
 WARN  Issues with peer dependencies found
.
└─┬ tailwind-styled-components
  ├── ✕ missing peer react@">= 16.8.0"
  └── ✕ missing peer react-dom@">= 16.8.0"
Peer dependencies that should be installed:
  react-dom@">= 16.8.0"  react@">= 16.8.0"

packages.json:

{
  "name": "app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "preinstall": "npx only-allow pnpm",
    "dev": "next",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@trpc/client": "^9.26.2",
    "@trpc/next": "^9.26.2",
    "@trpc/react": "^9.26.2",
    "@trpc/server": "^9.26.2",
    "next": "12.2.3",
    "next-auth": "^4.10.2",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-is": "^18.2.0",
    "react-query": "3.39.2",
    "styled-components": "^5.3.5",
    "superjson": "^1.9.1",
    "zod": "^3.17.3"
  },
  "devDependencies": {
    "@commitlint/cli": "17.0.3",
    "@commitlint/config-conventional": "17.0.3",
    "@types/node": "18.6.1",
    "@types/react": "18.0.15",
    "@types/react-dom": "18.0.6",
    "@types/styled-components": "^5.1.25",
    "autoprefixer": "^10.4.7",
    "eslint": "8.20.0",
    "eslint-config-next": "12.2.3",
    "husky": "^8.0.1",
    "lint-staged": "13.0.3",
    "postcss": "^8.4.14",
    "tailwindcss": "^3.1.6",
    "typescript": "4.7.4"
  }
}