optional-chain | Optional chaining implementation in TypeScript | Functional Programming library

After upgrading react-scripts to v5, craco start does not work properly. App starts with no error but in browser, there is a blank page and if i open inspector, i only see index.html codes not react codes. It was working well with react-scripts@4.0.3. Here is my local files;

package.json

I'am moving my react apps into docker, I am working in legacy project and we have multiple react apps. We are attaching script with react apps in script tags on every page whose need to use this files. For docker we want to use Express to serve our files. Is there any way to run multiple watch commands ?

here is my package.json file:

I am working with an Angular app where the api response can be missing some expected data.

This can crash the app and an easy fix has been to use Optional-chaining;

foo.bar.baz => foo.bar?.baz

Is there a setting or way to treat all '.' as '?.' and would this be a bad idea for any reason?

I have a React project using Babel and Webpack. Recently I realized that my webpack wasn't "hot loading" anymore when I make a change in my project files. (this cause me some trouble, anyhow)

I audited my npm dependencies and had 60 vulnerabilities with 9 high and 2 critical. I thought this should be taken care of.

Now, I tried to install the package that seems to broke things (using npm audit) but to no avail. I still got 31 vulnerabilities even after trying to install a different version of React Script.

Now, if I try to start my app, webpack doesn't compile saying "Cannot find module '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining'"

I tried to install the Babel dependencies but every time a new one comes up. I know Babel just recently updated to 7.16 (October 31, 2021). Is this why my problems started?

How should I go about resolving all those dependencies issues? I feel it's a never ending instance of install a new packages that just break another one...

Package.json

In ReactJS, I commonly use this pattern of destructurnig props (I suppose it is quite idiomatic):

I am working on a react project which was built using create-react-app and later we ejected and modified the webpack config a lot. Right now I am having a hard time importing const enums from external libraries. I don't have control over that external package. It has the const enums defined in it's d.ts files.

I have tried with babel-plugin-use-const-enum babel plugin and preset. It doesn't help me either.

My webpack config:

Im facing a problem when I try to run some containers with docker-compose. One of them a React project. The problem is that when docker tries building the React project, it builds fine, without any problems but... it stucks at the end of the build process and doesnt continue with the other steps of the Dockerfile. Im pretty new to Docker, so I guess I must have missed something, but it seems ok to me.

What I've tried:

At the root of the React project, where the Dockerfile is, I executed 'docker build .' and it shows this:

console output:

I am migrating a NodeJS project to Typescript. I have already created the configurations and it runs with only JS. I am using @babel/node to run it in a dev environment, but when I try to import a TS file into JS it doesn't work.

It throws the following error:

I am trying to create a React app. Below are the versions for Node & NPM: