1 files changed, 8 insertions, 7 deletions
diff --git a/FrontEnd/webpack.config.dev.js b/FrontEnd/webpack.config.dev.js
index c88e1aaf..937ab3fb 100644
--- a/FrontEnd/webpack.config.dev.js
+++ b/FrontEnd/webpack.config.dev.js
@@ -1,24 +1,23 @@
 const path = require("path");
 const webpack = require("webpack");
+const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
 
 const config = require("./webpack.common");
 
 config.mode("development");
 
-config.entry("index").add("react-hot-loader/patch");
-
 config.module
   .rule("ts")
   .use("babel")
   .options({
-    plugins: ["react-hot-loader/babel"],
+    plugins: ["react-refresh/babel"],
   });
 
 config.module
   .rule("js")
   .use("babel")
   .options({
-    plugins: ["react-hot-loader/babel"],
+    plugins: ["react-refresh/babel"],
   });
 
 config.module
@@ -37,16 +36,18 @@ config.module
 
 config.devtool("eval-cheap-module-source-map");
 
-config.resolve.alias.set("react-dom", "@hot-loader/react-dom");
+config.resolve.set("fallback", {
+  querystring: require.resolve("querystring-es3"),
+});
 
 config.devServer
   .contentBase(path.resolve(__dirname, "public/"))
   .host("0.0.0.0")
   .port(3000)
   .historyApiFallback(true)
-  .hotOnly(true)
-  .allowedHosts.add(".myide.io");
+  .hotOnly(true);
 
 config.plugin("hot").use(webpack.HotModuleReplacementPlugin);
+config.plugin("react-refresh").use(new ReactRefreshWebpackPlugin());
 
 module.exports = config.toConfig();