slate-react 0.82.1 → 0.82.2-2022864247

package/dist/slate-react.js

@@ -2254,11 +2254,23 @@
 	      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,
@@ -2321,21 +2333,8 @@
 	    }));
 	    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,