feat: gracefully fallback if component definition doesn't exist

measuredco · Aug 14, 2023 · d7e3190 · d7e3190
1 parent 9e57649
commit d7e3190
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/core/components/Puck/index.tsx b/packages/core/components/Puck/index.tsx
@@ -409,7 +409,11 @@ export function Puck({
                                   editMode: true,
                                 })
                               ) : (
-                                <div>No configuration for {item.type}</div>
+                                <div
+                                  style={{ padding: 48, textAlign: "center" }}
+                                >
+                                  No configuration for {item.type}
+                                </div>
                               )}
                             </div>
                           </DraggableComponent>

diff --git a/packages/core/components/Render/index.tsx b/packages/core/components/Render/index.tsx
@@ -4,9 +4,13 @@ import { Config, Data } from "../../types/Config";
 
 export function Render({ config, data }: { config: Config; data: Data }) {
   const children = data.content.map((item) => {
-    const Component = config.components[item.type].render;
+    const Component = config.components[item.type]?.render;
 
-    return <Component key={item.props.id} {...item.props} />;
+    if (Component) {
+      return <Component key={item.props.id} {...item.props} />;
+    }
+
+    return null;
   });
 
   if (config.root) {