I was install TypeScript globally through npm, but when I ran Javascript project (Next JS) it get broken from TypeScript

here is the error when I was trying to run npm i for JavaScript project

anyone can help how to solve it?

Update: package.json

{
  "name": "react-project",
  "version": "0.1.0",
  "private": true,
  "browserslist": [
    "defaults"
  ],
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@loadable/component": "^5.14.1",
    "@material-ui/core": "^4.11.4",
    "bootstrap": "^4.4.1",
    "dotenv": "^8.2.0",
    "locomotive-scroll": "^4.1.1",
    "moment": "^2.29.1",
    "moment-timezone": "^0.5.33",
    "nanoid": "^3.1.22",
    "next": "^11.1.4",
    "next-images": "^1.8.1",
    "query-string": "^7.0.0",
    "react": "17.0.2",
    "react-bootstrap": "^1.5.2",
    "react-dom": "17.0.2",
    "react-helmet": "^6.1.0",
    "sass": "^1.53.0",
    "slick-carousel": "^1.8.1",
    "styled-components": "^5.2.3",
    "typescript": "^4.2.4",
    "video.js": "^7.12.1",
    "yup": "^0.32.9",
    "zustand": "^4.0.0-rc.1"
  },
  "devDependencies": {
    "eslint": "8.0.0",
    "eslint-config-next": "11.1.2"
  }
}