diff --git a/demos/package-lock.json b/demos/package-lock.json
index 70c0b8b8b..2ae3d8508 100644
--- a/demos/package-lock.json
+++ b/demos/package-lock.json
@@ -3425,15 +3425,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/svelte": {
-      "version": "3.48.0",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.48.0.tgz",
-      "integrity": "sha512-fN2YRm/bGumvjUpu6yI3BpvZnpIm9I6A7HR4oUNYd7ggYyIwSA/BX7DJ+UXXffLp6XNcUijyLvttbPVCYa/3xQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/svelte-hmr": {
       "version": "0.14.12",
       "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.14.12.tgz",
diff --git a/demos/package.json b/demos/package.json
index c0ea54d76..a98357e5f 100644
--- a/demos/package.json
+++ b/demos/package.json
@@ -30,7 +30,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "sass": "^1.49.7",
-    "svelte": "^3.48.0",
+    "svelte": "^4.0.0",
     "tailwindcss": "^2.2.19",
     "typescript": "^4.5.5",
     "uuid": "^8.3.2",