reactjs - There are multiple modules with names that only differ in casing. (React)

Question

Im getting this error on my react app, im not sure how to fix it or what's causing it. The error message hardly shows whats wrong. All I see are keywords like babel-loader, ref--5-oneOf-3 @pmmmwh/react-refresh-webpack-plugin, etc.

(webpack)/buildin/global.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers:

• D:REACTAPPS estaurantApp3client ode_modulesabel-loaderlibindex.js??ref--5-oneOf-3!D:REACTAPPS estaurantApp3client ode_moduleswebpackuildinglobal.js Used by 2 module(s), i. e. D:REACTAPPS estaurantApp3client ode_modulesabel-loaderlibindex.js??ref--5-oneOf-3!D:REACTAPPS estaurantApp3client ode_modules@pmmmwh eact-refresh-webpack-pluginclientutilssafeThis.js

• D:REACTAPPS estaurantApp3client ode_modulesabel-loaderlibindex.js??ref--5-oneOf-3!D: eactapps estaurantApp3client ode_moduleswebpackuildinglobal.js Used by 1 module(s), i. e. D:REACTAPPS estaurantApp3client ode_modulesabel-loaderlibindex.js??ref--5-oneOf-3!D: eactapps estaurantApp3client ode_modulessymbol-observableesindex.js

This is my package.json:

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.3",
    "@material-ui/icons": "^4.11.2",
    "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.5",
    "@testing-library/user-event": "^12.6.3",
    "lerp": "^1.0.3",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-player": "^2.8.2",
    "react-redux": "^7.2.2",
    "react-refresh": "^0.9.0",
    "react-scripts": "4.0.2",
    "react-spring": "^8.0.27",
    "redux": "^4.0.5",
    "redux-thunk": "^2.3.0",
    "use-viewport-sizes": "^0.2.8",
    "web-vitals": "^1.1.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

question from:https://stackoverflow.com/questions/66067505/there-are-multiple-modules-with-names-that-only-differ-in-casing-react

Answer 1

Waitting for answers