use default exports and not named exports

components/commerce/collection.editor.tsx

@@ -4,10 +4,7 @@ import { imageField } from "@reacteditor/plugin-media/field";
 import { frontendAiMediaAdapter } from "@/services/media-adapter";
 import { CollectionView, type CollectionProps } from "@/components/commerce/collection";
 
-export function createCollectionEditor(opts: {
-  collectionField: any;
-}): ComponentConfig<CollectionProps> {
-  return {
+const collectionEditor: ComponentConfig<CollectionProps> = {
     label: "Collection page",
     icon: <FolderOpen size={16} />,
     category: "commerce",
@@ -48,7 +45,7 @@ export function createCollectionEditor(opts: {
       metafieldFilters: [],
     },
     fields: {
-      collection: { label: "Collection", ...opts.collectionField },
+      collection: { label: "Collection", type: "shopifyCollection" } as any,
       showDescription: {
         label: "Description",
         type: "radio",
@@ -247,5 +244,6 @@ export function createCollectionEditor(opts: {
       },
     },
     render: (props) => <CollectionView {...props} />,
-  };
-}
+};
+
+export default collectionEditor;