diff --git a/packages/sfc-playground/package.json b/packages/sfc-playground/package.json
index 0755c46fb..1e6bd1a37 100644
--- a/packages/sfc-playground/package.json
+++ b/packages/sfc-playground/package.json
@@ -13,7 +13,7 @@
     "vite": "^5.0.5"
   },
   "dependencies": {
-    "@vue/repl": "^3.1.0",
+    "@vue/repl": "^3.1.1",
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
     "vue": "workspace:*"
diff --git a/packages/sfc-playground/src/App.vue b/packages/sfc-playground/src/App.vue
index 1a484cc48..de6c24dde 100644
--- a/packages/sfc-playground/src/App.vue
+++ b/packages/sfc-playground/src/App.vue
@@ -69,6 +69,9 @@ const sfcOptions: SFCOptions = {
   },
   template: {
     isProd: useProdMode.value,
+    compilerOptions: {
+      isCustomElement: (tag: string) => tag === 'mjx-container'
+    }
   },
 }
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e9cc8202a..191e80d2a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -347,8 +347,8 @@ importers:
   packages/sfc-playground:
     dependencies:
       '@vue/repl':
-        specifier: ^3.1.0
-        version: 3.1.0
+        specifier: ^3.1.1
+        version: 3.1.1
       file-saver:
         specifier: ^2.0.5
         version: 2.0.5
@@ -1592,8 +1592,8 @@ packages:
     engines: {node: '>= 0.12.0'}
     dev: true
 
-  /@vue/repl@3.1.0:
-    resolution: {integrity: sha512-lnR010NTkysg71Z0TVsFCTfiF5ARZbyohqymGpOxOrSuSI4o9RlSvWH6YmJdv9OHm5j69HKLVVUhXlCScMCQrg==}
+  /@vue/repl@3.1.1:
+    resolution: {integrity: sha512-9nJImsUeywU2MTqvzf4ueqWC49UC3LVXVPk1HmoNnLVumfWXv+w5ytuSA//fxb/N/O5vCqE0UV63/dYvnCZpwQ==}
     dev: false
 
   /@zeit/schemas@2.29.0: