Update React dependency version

[Ben Elferink]

Upon running the command npm i, i get the following error:

Error: npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @meshsdk/react@1.1.7
npm ERR! Found: @meshsdk/core@1.5.5
npm ERR! node_modules/@meshsdk/core
npm ERR!   @meshsdk/core@"^1.5.5" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @meshsdk/core@"1.5.2" from @meshsdk/react@1.1.7
npm ERR! node_modules/@meshsdk/react
npm ERR!   @meshsdk/react@"^1.1.7" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: @meshsdk/core@1.5.2
npm ERR! node_modules/@meshsdk/core
npm ERR!   peer @meshsdk/core@"1.5.2" from @meshsdk/react@1.1.7
npm ERR!   node_modules/@meshsdk/react
npm ERR!     @meshsdk/react@"^1.1.7" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

My package.json looks like this:

{
  "dependencies": {
    "@meshsdk/core": "^1.5.5",
    "@meshsdk/react": "^1.1.7",
    "next": "13.4.13",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@types/node": "^20.5.0",
    "@types/react": "^18.2.20",
    "@types/react-dom": "^18.2.7",
    "eslint": "^8.47.0",
    "eslint-config-next": "^13.4.13",
    "typescript": "^5.1.6"
  }
}

[Jaylan Snelson]

@BenElferink I was getting this same issue. If you haven't solved it by now, try running yarn install instead

[Hinson]

Just to check if the issue remains active or it is resolved?

[Ben Elferink]

Just to check if the issue remains active or it is resolved?

Issue still exists, after running npm install I get the following error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: bad-labs@0.1.0
npm ERR! Found: @meshsdk/core@1.5.10
npm ERR! node_modules/@meshsdk/core
npm ERR!   @meshsdk/core@"^1.5.10" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @meshsdk/core@"1.5.7" from @meshsdk/react@1.1.8
npm ERR! node_modules/@meshsdk/react
npm ERR!   @meshsdk/react@"^1.1.8" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /Users/ben/.npm/_logs/2023-12-10T10_57_18_645Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/ben/.npm/_logs/2023-12-10T10_57_18_645Z-debug-0.log

This is what my package.json looks like after recent updates:

{
  "name": "bad-labs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@blockfrost/blockfrost-js": "^5.4.0",
    "@heroicons/react": "^2.0.18",
    "@meshsdk/core": "^1.5.10",
    "@meshsdk/react": "^1.1.8",
    "axios": "^1.6.2",
    "firebase": "^10.7.1",
    "next": "14.0.4",
    "postcss": "8.4.32",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-hot-toast": "^2.4.1",
    "react-timer-hook": "^3.0.7",
    "tailwindcss": "3.3.6",
    "uuid": "^9.0.1",
    "wavesurfer.js": "^7.5.1",
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
    "@types/node": "^20.10.4",
    "@types/react": "^18.2.43",
    "@types/react-dom": "^18.2.17",
    "@types/uuid": "^9.0.7",
    "autoprefixer": "^10.4.16",
    "eslint": "^8.55.0",
    "eslint-config-next": "^14.0.4",
    "typescript": "^5.3.3"
  }
}