m working on a React project, and I'm encountering issues when running npm install. It seems like there are several dependency conflicts, and I'm not sure how to resolve them. I could use some guidance on identifying the correct versions of the packages and resolving these issues.

Here are the specific issues I'm facing:

Some dependencies are not compatible with the latest versions, causing npm install to fail.

I am unsure about which versions of packages like React, react-scripts, Webpack, Babel, and Storybook to use, as some seem outdated or incompatible with others.

I've tried removing node_modules and package-lock.json, but I still run into these issues after reinstalling.

Here are the specific issues I'm facing:

• Some dependencies are not compatible with the latest versions, causing npm install to fail.

• I am unsure about which versions of packages like react, react-scripts, webpack, babel, and storybook to use, as some seem to be outdated or incompatible with others.

I've tried removing node_modules and package-lock.json, but I still run into these issues after reinstalling.

Here's my package.json file for reference:

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@apollo/client": "^3.13.4",
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.0",
    "@fortawesome/fontawesome-free": "^6.8.0",
    "@fortawesome/fontawesome-svg-core": "^6.8.0",
    "@fortawesome/free-solid-svg-icons": "^6.8.0",
    "@fortawesome/react-fontawesome": "^0.2.3",
    "@reach/router": "^1.3.5",
    "@testing-library/jest-dom": "^5.18.0",
    "@testing-library/react": "^14.0.0",
    "@testing-library/user-event": "^14.0.0",
    "axios": "^1.8.0",
    "bootstrap": "^5.3.4",
    "charity-base-search": "^3.6.0",
    "cypress": "^14.0.0",
    "dotenv": "^17.0.0",
    "firebase": "^11.0.0",
    "firestore": "^2.0.0",
    "graphql": "^17.0.0",
    "jspdf": "^3.1.0",
    "mkrc": "^1.4.0",
    "moment": "^2.31.0",
    "mysql": "^2.19.0",
    "mysql2": "^3.13.0",
    "normalize.css": "^8.1.0",
    "path-browserify": "^1.1.0",
    "react": "^18.2.0",
    "react-beautiful-dnd": "^14.0.0",
    "react-big-calendar": "^1.16.0",
    "react-bootstrap": "^2.11.0",
    "react-dom": "^18.2.0",
    "react-dotenv": "^0.2.0",
    "react-icons": "^5.4.0",
    "react-router-dom": "^6.4.0",
    "react-scripts": "^5.1.0",
    "react-select": "^6.0.0",
    "sass": "^1.85.0",
    "url": "^0.12.0",
    "web-vitals": "^2.2.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.27.0",
    "@babel/core": "^7.27.0",
    "@babel/preset-env": "^7.27.0",
    "@babel/preset-react": "^7.27.0",
    "@babel/register": "^7.27.0",
    "@storybook/addon-actions": "^8.6.0",
    "@storybook/addon-essentials": "^8.6.0",
    "@storybook/addon-interactions": "^8.6.0",
    "@storybook/addon-links": "^8.6.0",
    "@storybook/builder-webpack5": "^8.6.0",
    "@storybook/manager-webpack5": "^6.6.0",
    "@storybook/node-logger": "^8.6.0",
    "@storybook/preset-create-react-app": "^8.6.0",
    "@storybook/react": "^8.6.0",
    "@storybook/testing-library": "^0.2.3",
    "@testing-library/react-hooks": "^8.1.0",
    "babel-jest": "^30.3.0",
    "gh-pages": "^6.3.0",
    "identity-obj-proxy": "^3.0.0",
    "jest": "^30.3.0",
    "jest-environment-jsdom": "^30.3.0",
    "prop-types": "^15.9.0",
    "react-app-rewired": "^2.2.1",
    "webpack": "^5.99.0"
  }
}