diff --git a/{{cookiecutter.project_slug}}/package.json b/{{cookiecutter.project_slug}}/package.json
index efa2136e..9ca72820 100644
--- a/{{cookiecutter.project_slug}}/package.json
+++ b/{{cookiecutter.project_slug}}/package.json
@@ -31,7 +31,7 @@
     "webpack": "^5.65.0",
     "webpack-bundle-tracker": "^3.0.1",
     "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.6.0",
+    "webpack-dev-server": "^5.0.2",
     "webpack-merge": "^5.8.0"
   },
   "engines": {
diff --git a/{{cookiecutter.project_slug}}/webpack/dev.config.js b/{{cookiecutter.project_slug}}/webpack/dev.config.js
index 8276c348..7c774185 100644
--- a/{{cookiecutter.project_slug}}/webpack/dev.config.js
+++ b/{{cookiecutter.project_slug}}/webpack/dev.config.js
@@ -6,13 +6,16 @@ module.exports = merge(commonConfig, {
   devtool: 'inline-source-map',
   devServer: {
     port: 3000,
-    proxy: {
-      {%- if cookiecutter.use_docker == 'n' %}
-      '/': 'http://0.0.0.0:8000',
-      {%- else %}
-      '/': 'http://django:8000',
-      {%- endif %}
-    },
+    proxy: [
+      {
+        context: ['/'],
+        {%- if cookiecutter.use_docker == 'n' %}
+        target: 'http://0.0.0.0:8000',
+        {%- else %}
+        target: 'http://django:8000',
+        {%- endif %}
+      },
+    ],
     client: {
       overlay: {
         errors: true,