Issue installing the official sanity media plugin on Sanity v3.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: sanity-v3-test@1.0.0
npm ERR! Found: sanity@3.2.3
npm ERR! node_modules/sanity
npm ERR!   sanity@"^3.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer sanity@"dev-preview || 3.0.0-rc.0" from sanity-plugin-media@2.0.0-v3-studio.3
npm ERR! node_modules/sanity-plugin-media
npm ERR!   sanity-plugin-media@"2.0.0-v3-studio.3" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry

{
  "name": "sanity-v3-test",
  "private": true,
  "version": "1.0.0",
  "main": "package.json",
  "license": "UNLICENSED",
  "scripts": {
    "dev": "sanity dev",
    "start": "sanity start",
    "build": "sanity build",
    "deploy": "sanity deploy",
    "deploy-graphql": "sanity graphql deploy"
  },
  "keywords": [
    "sanity"
  ],
  "dependencies": {
    "@sanity/vision": "^3.0.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-is": "^18.2.0",
    "sanity": "^3.0.0",
    "styled-components": "^5.2.0"
  },
  "devDependencies": {
    "@sanity/eslint-config-studio": "^2.0.1",
    "eslint": "^8.6.0",
    "prettier": "^2.8.3",
    "typescript": "^4.0.0"
  },
  "prettier": {
    "semi": false,
    "printWidth": 100,
    "bracketSpacing": false,
    "singleQuote": true
  }
}