@contentful/experiences-visual-editor-react 1.0.6-dev-20240416T2113-090181e.0 → 1.0.6

package/dist/index.js

@@ -2768,6 +2768,23 @@ const resolveAssembly = ({ node, entityStore, }) => {
     return deserializedNode;
 };
 
+class ImportedComponentError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'ImportedComponentError';
+    }
+}
+class ImportedComponentErrorBoundary extends React.Component {
+    componentDidCatch(error, _errorInfo) {
+        const err = new ImportedComponentError(error.message);
+        err.stack = error.stack;
+        throw err;
+    }
+    render() {
+        return this.props.children;
+    }
+}
+
 const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userIsDragging, }) => {
     const areEntitiesFetched = useEntityStore((state) => state.areEntitiesFetched);
     const entityStore = useEntityStore((state) => state.entityStore);
@@ -2809,7 +2826,7 @@ const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userI
         : node.type === ASSEMBLY_NODE_TYPE
             ? // Assembly.tsx requires renderDropzone and editorMode as well
                 () => React.createElement(componentRegistration.component, componentProps)
-            : () => React.createElement(componentRegistration.component, otherComponentProps);
+            : () => React.createElement(ImportedComponentErrorBoundary, null, React.createElement(componentRegistration.component, otherComponentProps));
     return {
         node,
         componentId,