docs: fix node examples in doc (#1032)

apps/docs/components/node-form/array/preview.tsx

@@ -145,7 +145,7 @@ export const NodeFormArrayPreview = () => {
   };
   return (
     <PreviewEditor files={files} previewStyle={{ height: 500 }} editorStyle={{ height: 500 }}>
-      <Editor registry={nodeRegistry} initialData={DEFAULT_INITIAL_DATA} />
+      <Editor registries={[nodeRegistry]} initialData={DEFAULT_INITIAL_DATA} />
     </PreviewEditor>
   );
 };

apps/docs/components/node-form/dynamic/preview.tsx

@@ -79,7 +79,7 @@ export const NodeFormDynamicPreview = () => {
   };
   return (
     <PreviewEditor files={files} previewStyle={{ height: 500 }} editorStyle={{ height: 500 }}>
-      <Editor registry={nodeRegistry} initialData={DEFAULT_INITIAL_DATA} />
+      <Editor registries={[nodeRegistry]} initialData={DEFAULT_INITIAL_DATA} />
     </PreviewEditor>
   );
 };

apps/docs/components/node-form/effect/preview.tsx

@@ -111,7 +111,7 @@ export const NodeFormEffectPreview = () => {
   };
   return (
     <PreviewEditor files={files} previewStyle={{ height: 500 }} editorStyle={{ height: 500 }}>
-      <Editor registry={nodeRegistry} initialData={DEFAULT_INITIAL_DATA} />
+      <Editor registries={[nodeRegistry]} initialData={DEFAULT_INITIAL_DATA} />
     </PreviewEditor>
   );
 };

apps/docs/components/node-form/index.css

@@ -6,7 +6,7 @@
 .demo-node-content {
   padding: 8px 12px;
   flex-grow: 1;
-  width: 100%;
+  min-width: 300px;
 }
 
 .demo-node-title {