Share my debounced saver

[linonetwo]

check isComposing and if user is just set_selection:

  const onChange = useCallback(
    (newValue: TElement[]) => {
      if (editorReference === null || ReactEditor.isComposing(editorReference as ReactEditor)) {
        return;
      }
      if (editorReference.operations.every((op) => op.type === 'set_selection')) {
        return;
      }
      props.saver.lock();
      currentAstReference.current = newValue;
      debouncedSaver(newValue);
    },
    [debouncedSaver, editorReference, props.saver],
  );

And my saving process is CPU consuming, needs serialize to wikitext using ast transformation, so it is denounced, and will lock the change detector (in the wiki) first, so there will be a rerender trigger from the change detector and cause infinite rerender.

import { useDebouncedCallback } from 'beautiful-react-hooks';

  const debouncedSaver = useDebouncedCallback(
    (newValue: TNode[]) => {
      const newText = serialize(newValue);
      props.saver.onSave(newText);
      currentTextReference.current = newText;
    },
    [props.saver.onSave],
    props.saver.interval,
  );