Fallback to keyCollectionDefinition if no collection items were found

Author: mohamedsalem401

packages/core/src/data_sources/model/data_collection/ComponentDataCollection.ts

@@ -69,17 +69,18 @@ export default class ComponentDataCollection extends Component {
   toJSON(opts?: ObjectAny) {
     const json = super.toJSON.call(this, opts) as ComponentDataCollectionDefinition;
 
-    const firstChild = this.getComponentDef();
-    json[keyCollectionDefinition].componentDef = firstChild;
+    const firstChildJSON = this.getComponentDef();
+    json[keyCollectionDefinition].componentDef = firstChildJSON ?? this.get(keyCollectionDefinition);
 
     delete json.components;
     delete json.droppable;
     return json;
   }
 
   private getComponentDef() {
-    const firstChildJSON = JSON.parse(JSON.stringify(this.components().at(0)));
-    delete firstChildJSON.draggable;
+    const firstChild = this.components().at(0);
+    const firstChildJSON = firstChild?.toJSON();
+    delete firstChildJSON?.draggable;
 
     return firstChildJSON;
   }