diff --git a/.npmrc b/.npmrc
index 4fd15ed1..8cc3f5d4 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,2 +1,3 @@
 package-lock=false
 legacy-peer-deps=true
+node-options=--openssl-legacy-provider
diff --git a/package.json b/package.json
index 913ef3c8..2e88b6a6 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,7 @@
 		"url-loader": "^4.1.0",
 		"webpack": "^4.46.0",
 		"webpack-cli": "^4.9.1",
-		"webpack-dev-server": "^3.11.3",
+		"webpack-dev-server": "^4.15.1",
 		"webpack-merge": "^4.2.2",
 		"workbox-webpack-plugin": "^5.1.2"
 	}
diff --git a/webpack.dev.js b/webpack.dev.js
index c134b66f..8c8ddc0e 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -26,22 +26,14 @@ module.exports = merge(baseConfig, {
 		chunkFilename: '[id].[hash:16].js',
 	},
 	devServer: {
-		inline: true,
 		port: devPort,
-		contentBase: path.resolve(__dirname, 'public'),
-		hot: true,
-		publicPath: '/',
-		historyApiFallback: true,
 		host,
-		proxy: {
-			'/api': {
-				target: 'http://localhost',
-			},
-			'/api/ws': {
-				target: 'ws://localhost',
-				ws: true,
-			},
+		static: {
+			publicPath: '/',
+			directory: path.resolve(__dirname, 'public'),
+			watch: false,
 		},
+		historyApiFallback: true,
 		headers: {
 			'X-Frame-Options': 'sameorigin',
 		},