diff --git a/packages/core/src/dom_components/index.ts b/packages/core/src/dom_components/index.ts
index 8c1235d61..8ab4afaf7 100644
--- a/packages/core/src/dom_components/index.ts
+++ b/packages/core/src/dom_components/index.ts
@@ -130,6 +130,7 @@ import ComponentConditionalVariable from '../data_sources/model/conditional_vari
 import ConditionalComponentView from '../data_sources/view/ComponentDynamicView';
 import CollectionComponent from '../data_sources/model/collection_component/CollectionComponent';
 import CollectionComponentView from '../data_sources/model/collection_component/CollectionComponentView';
+import { CollectionComponentType } from "../data_sources/model/collection_component/constants";
 
 export type ComponentEvent =
   | 'component:create'
@@ -196,7 +197,7 @@ export interface CanMoveResult {
 export default class ComponentManager extends ItemManagerModule<DomComponentsConfig, any> {
   componentTypes: ComponentStackItem[] = [
     {
-      id: 'collection-component',
+      id: CollectionComponentType,
       model: CollectionComponent,
       view: CollectionComponentView,
     },