react-router-redux | Ruthlessly simple bindings to keep react | Router library

I've been asked to go through our application and update all the frameworks as it was incredibly outdated, one of the things was to update babel, now one of our scripts in package.json was:

I have upgaded m project Node version with all dependancies now I am attempting upgrade to Webpack 4 to Webpack 5. However when I run npm start I get this error. Strange thing is I don't use applyWebpackOptionsDefaults anywhere and after scouring the node_modules I see that it is used in the webpack lib quite a few times. Can anyone tell me what I am doing wrong? Is there a package I haven't updated? What am I missing?

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.

• options has an unknown property 'before'. These properties are valid: object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, static?, watchFiles?, webSocketServer? }

Here is the package.json:

I've been combing SO for a couple days now trying various things and just cannot get this to work. I'm normally a .Net developer and I inherited this so I'm kind of out of my wheelhouse here.

I followed this tutorial to get as far as I have: https://websitebeaver.com/deploy-create-react-app-to-azure-app-services

It builds and loads into Chrome on my laptop doing a npm start but running my workflow I receive the following error in the npm install, build, and test step:

I'm new to front-end development and nodejs / react so please bear with me if this is a silly question.

I was trying to learn by using this open project: https://github.com/ilhammeidi/boss-lite

In the readme, it states pretty clearly on how to deploy this react project:

• Clone this project
• Install module dependencies by run this script in terminal npm install
• After finish downloading, then run the app. npm run dev
• Navigate to http://localhost:8080

However I cannot get even the first npm install step right on my Ubuntu 18.04:

I am new in react-redux and coding in general and I am trying to learn.

So what I did:

• installing node js
• instaling npm i -g create-react-app
• uninstalling npm uninstall -g create-react-app
• install npx create-react-app my-app-name
• cd my-react-app-name
• npm start

my node version node -v v14.16.0

I am trying to run the command npm run dev or npm run production. But none of them are successful. Once I run the command I am getting an error like in image :

error after running npm run prod

My package.json file is like below :

So I am trying to localhost a project but I get an error when opening localhost. I provided what the console states, what I see when on localhost:3000 and the packageJson from both the frontend and the backend. I figured It could have to do with a wrong version that's making it break since I have seen similar posts but I'm unsure. I'm happy to provide more information if necessary.

This is what the console shows:

I had created a new .NET Core web application with the React and Redux template. Everything is working fine with the exception that when I install the Material-UI library in my ClientApp folder (the one who has the react project) and import a component from the library, the app throws the next error:

I got - Error: Could not find router reducer in state tree, it must be mounted under "router".

I've read all the similar topics. Tryed different variants, but can't find solution. I still don't have enough knowledge to understand the subject. Plz help to fix this error if you know how.

index.js