diff --git a/core/core-frontend/src/utils/componentsAttr.ts b/core/core-frontend/src/utils/componentsAttr.ts
index fd1c6a436d..a584b5456a 100644
--- a/core/core-frontend/src/utils/componentsAttr.ts
+++ b/core/core-frontend/src/utils/componentsAttr.ts
@@ -5,6 +5,7 @@ import PictureAttr from '@/custom-component/picture/Attr.vue'
 import CanvasBoardAttr from '@/custom-component/canvas-board/Attr.vue'
 import CanvasIconAttr from '@/custom-component/canvas-icon/Attr.vue'
 import DeTabsAttr from '@/custom-component/de-tabs/Attr.vue'
+import DeScreenAttr from '@/custom-component/de-screen/Attr.vue'
 import DeGraphicalAttr from '@/custom-component/de-graphical/Attr.vue'
 import CircleShapeAttr from '@/custom-component/circle-shape/Attr.vue'
 import RectShapeAttr from '@/custom-component/rect-shape/Attr.vue'
@@ -36,7 +37,8 @@ export const componentsMap = {
   DeStreamMediaAttr: DeStreamMediaAttr,
   ScrollTextAttr: ScrollTextAttr,
   PopAreaAttr: PopAreaAttr,
-  PictureGroupAttr: PictureGroupAttr
+  PictureGroupAttr: PictureGroupAttr,
+  DeScreenAttr: DeScreenAttr
 }
 
 export function findComponentAttr(component) {
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
index 98a1d783b3..6359f1c5d9 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
@@ -52,8 +52,8 @@ const props = defineProps({
     default: false
   },
   outerId: {
-    type: Boolean,
-    default: false
+    type: String,
+    required: false
   },
   ticketArgs: propTypes.string.def(null)
 })