slate-react 0.82.1 → 0.82.2-2022864247

package/dist/index.js

@@ -1600,11 +1600,23 @@ var Element = function Element(props) {
       renderPlaceholder = props.renderPlaceholder,
       renderLeaf = props.renderLeaf,
       selection = props.selection;
-  var ref = React.useRef(null);
   var editor = useSlateStatic();
   var readOnly = useReadOnly();
   var isInline = editor.isInline(element);
   var key = ReactEditor.findKey(editor, element);
+  var ref = React.useCallback(function (ref) {
+    // Update element-related weak maps with the DOM element ref.
+    var KEY_TO_ELEMENT = EDITOR_TO_KEY_TO_ELEMENT.get(editor);
+
+    if (ref) {
+      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT.set(key, ref);
+      NODE_TO_ELEMENT.set(element, ref);
+      ELEMENT_TO_NODE.set(ref, element);
+    } else {
+      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT["delete"](key);
+      NODE_TO_ELEMENT["delete"](element);
+    }
+  }, [editor, key, element]);
   var children = useChildren({
     decorations: decorations,
     node: element,
@@ -1667,21 +1679,8 @@ var Element = function Element(props) {
     }));
     NODE_TO_INDEX.set(_text, 0);
     NODE_TO_PARENT.set(_text, element);
-  } // Update element-related weak maps with the DOM element ref.
-
-
-  useIsomorphicLayoutEffect(function () {
-    var KEY_TO_ELEMENT = EDITOR_TO_KEY_TO_ELEMENT.get(editor);
+  }
 
-    if (ref.current) {
-      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT.set(key, ref.current);
-      NODE_TO_ELEMENT.set(element, ref.current);
-      ELEMENT_TO_NODE.set(ref.current, element);
-    } else {
-      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT["delete"](key);
-      NODE_TO_ELEMENT["delete"](element);
-    }
-  });
   return renderElement({
     attributes: attributes,
     children: children,