compatability issue

i tried install the package needed by the project but most of them are no longer supported and it throws this error:
λ npm install
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @material-ui/core@4.12.4
npm error Found: react@18.3.1
npm error node_modules/react
npm error react@"^18.3.1" from the root project
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.4.0" from the root project
npm error 5 more (react-dom, react-redux, react-scripts, ...)
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm error node_modules/@material-ui/core
npm error @material-ui/core@"^4.12.4" from the root project
npm error peer @material-ui/core@"^4.0.0" from @material-ui/icons@4.11.3
npm error node_modules/@material-ui/icons
npm error @material-ui/icons@"^4.11.3" from the root project
npm error
npm error Conflicting peer dependency: react@17.0.2
npm error node_modules/react
npm error peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm error node_modules/@material-ui/core
npm error @material-ui/core@"^4.12.4" from the root project
npm error peer @material-ui/core@"^4.0.0" from @material-ui/icons@4.11.3
npm error node_modules/@material-ui/icons
npm error @material-ui/icons@"^4.11.3" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.