slate-react 0.147.0 → 0.147.1

package/dist/index.js

@@ -1731,6 +1731,14 @@ var getEmptyBlockDirection = function getEmptyBlockDirection(element) {
   var after = parent.children.slice(index + 1);
   return (_findSiblingDirection = findSiblingDirection(before)) !== null && _findSiblingDirection !== void 0 ? _findSiblingDirection : findSiblingDirection(after);
 };
+var getMountedChildren = function getMountedChildren(editor, element) {
+  return slate.Editor.isVoid(editor, element) ? [slate.Node.texts(element).next().value[0]] : element.children;
+};
+var findUnmountedChild = function findUnmountedChild(editor, element) {
+  return getMountedChildren(editor, element).findIndex(function (child) {
+    return !slateDom.NODE_TO_ELEMENT.has(child);
+  });
+};
 var defaultRenderElement = function defaultRenderElement(props) {
   return /*#__PURE__*/React.createElement(DefaultElement, _objectSpread$3({}, props));
 };
@@ -1763,6 +1771,14 @@ var Element = function Element(props) {
       slateDom.NODE_TO_ELEMENT["delete"](element);
     }
   }, [editor, key, element]);
+  useIsomorphicLayoutEffect(function () {
+    var index = findUnmountedChild(editor, element);
+    if (index !== -1) {
+      var type = element.type;
+      var path = ReactEditor.findPath(editor, element);
+      editor.onDOMError(new Error("renderElement didn't render the children of the ".concat(typeof type === 'string' ? "\"".concat(type, "\" ") : '', "element at path ").concat(JSON.stringify(path), ": child ").concat(index, " has no DOM node. Render the `children` prop inside the element.")));
+    }
+  }, [editor, element]);
   var children = useChildren({
     decorations: decorations,
     node: element,