html-webpack-plugin | Simplifies creation of HTML files | Plugin library

I am currently setting up a boilerplate with React, Typescript, styled components, webpack etc. and I am getting an error when trying to run eslint:

Error: Must use import to load ES Module

Here is a more verbose version of the error:

After upgrading my webpack from v4 to v5, I got this error that is getting me a hard time debugging.

I've already managed to avoid polyfills in my own code by omitting some babel dependencies (such as @babel/preset-env).

My bundled file does however hold, by most part, ES5 syntax. I'm assuming that babel (or webpack?) is polyfilling react and webpack's runtime to ES5 for browser compatibility.

Another option could be that webpack's runtime is natively supposed to use ES5 and cannot be converted to ES6 (current sustained possibility, see answer).

Here is my package.json:

After upgrading to Webpack 5, HMR has stopped working on our React project.

Current versions of modules are: @webpack-cli/serve@1.5.1, html-webpack-plugin@5.3.2, webpack@5.50.0, webpack-cli@4.7.2 webpack-dev-server@4.0.0-rc.0 (note, it was failing exactly the same way with earlier non-rc version of webpack-dev-server)

The browser console reports:

I have to use react translation for multiple languages. When I am installing

So i'm new in JS and i have a task for mastering Ajax Requests.I should send an email input from form to the server and a lot more,but i can not figure out how to send this data to a server that is in another folder.I lost all my nerves with this task and i dont know what to do. So,i have a folder personal-website-server and another folder src where is my project,both folders are in another folder,the parent. It looks like this :
./
dist < webpack bundle folder
node_modules
personal-website-server
/ package.json in personal-website-server
src
and package.json in the parent folder Image for more understanding:

So,i should do this:
Upon clicking on the "Subscribe" button, implement the functionality for sending a user email to the server. For that, make POST Ajax request using http://localhost:3000/subscribe endpoint. The call to the server should only be made when the form is valid (the validate function )
The connection is made through a proxy to the server,idk how this thing works and i get it hard to do this task because its not so described.
Codes:
I created fetch.js in src that checks if email is valid and sends it to the server,like i understood:

In my scss file, I use background-image: url("../../../assets/images/home/banner-mobile.png");

The application runs successfully, but no background image is shown:

The background image URL is not resolved.

webpack/webpack.base.js

This is the Warning that I receive from Webpack, despite installing the imageminSvgo plugin.

I have used it within the Image Minimizer Plugin as imageminSvgo, but Webpack doesn't seem to detect it.

I would really appreciate some help in knowing how to use this plugin in my project in the best way.

Here are my webpack.config.js configs.

webpack.config.js