Facing issues while deploying frontend on vercel


npm ERR! code ERESOLVE
--
03:31:21.268 | npm ERR! ERESOLVE could not resolve
03:31:21.268 | npm ERR!
03:31:21.268 | npm ERR! While resolving: eslint-config-react-app@6.0.0
03:31:21.268 | npm ERR! Found: @typescript-eslint/eslint-plugin@5.60.0
03:31:21.268 | npm ERR! node_modules/@typescript-eslint/eslint-plugin
03:31:21.268 | npm ERR!   dev @typescript-eslint/eslint-plugin@"^5.59.0" from the root project
03:31:21.268 | npm ERR!
03:31:21.268 | npm ERR! Could not resolve dependency:
03:31:21.269 | npm ERR! peer @typescript-eslint/eslint-plugin@"^4.0.0" from eslint-config-react-app@6.0.0
03:31:21.269 | npm ERR! node_modules/eslint-config-react-app
03:31:21.269 | npm ERR!   dev eslint-config-react-app@"^6.0.0" from the root project
03:31:21.269 | npm ERR!
03:31:21.269 | npm ERR! Conflicting peer dependency: @typescript-eslint/eslint-plugin@4.33.0
03:31:21.269 | npm ERR! node_modules/@typescript-eslint/eslint-plugin
03:31:21.269 | npm ERR!   peer @typescript-eslint/eslint-plugin@"^4.0.0" from eslint-config-react-app@6.0.0
03:31:21.269 | npm ERR!   node_modules/eslint-config-react-app
03:31:21.269 | npm ERR!     dev eslint-config-react-app@"^6.0.0" from the root project
03:31:21.269 | npm ERR!
03:31:21.270 | npm ERR! Fix the upstream dependency conflict, or retry
03:31:21.270 | npm ERR! this command with --force or --legacy-peer-deps
03:31:21.270 | npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
03:31:21.270 | npm ERR!
03:31:21.270 | npm ERR!
03:31:21.270 | npm ERR! For a full report see:
03:31:21.270 | npm ERR! /vercel/.npm/_logs/2023-07-22T22_01_20_300Z-eresolve-report.txt
03:31:21.271 |  
03:31:21.271 | npm ERR! A complete log of this run can be found in:
03:31:21.271 | npm ERR!     /vercel/.npm/_logs/2023-07-22T22_01_20_300Z-debug-0.log
03:31:21.288 | Error: Command "npm install" exited with 1

This is the package.json file

{
  "name": "parametriks_insights",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview"
  },
  "dependencies": {
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@mui/icons-material": "^5.11.16",
    "@mui/material": "^5.13.6",
    "@mui/x-data-grid": "^6.9.0",
    "@reduxjs/toolkit": "^1.9.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-redux": "^8.1.1",
    "react-router-dom": "^6.14.0",
    "recharts": "^2.7.2",
    "regression": "^2.0.1"
  },
  "devDependencies": {
    "@types/node": "^20.3.1",
    "@types/react": "^18.0.37",
    "@types/react-dom": "^18.2.6",
    "@typescript-eslint/eslint-plugin": "^5.59.0",
    "@typescript-eslint/parser": "^5.59.0",
    "@vitejs/plugin-react": "^4.0.0",
    "eslint": "^8.43.0",
    "eslint-config-react-app": "^6.0.0",
    "eslint-import-resolver-typescript": "^3.5.5",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.3.4",
    "typescript": "^5.0.2",
    "vite": "^4.3.9"
  }
}

How to resolve this issue? Thanks

vercel / analytics

Facing issues while deploying frontend on vercel #87