Function EditorRefEffect

packages/core/src/react/components/EditorRefEffect.tsx:24–48

({ id }: { id?: string })

}

export function EditorRefEffect({ id }: { id?: string }) {
  const store = usePlateStore(id);
  const editor = useAtomStoreValue(store, 'editor');
  const setIsMounted = useAtomStoreSet(store, 'isMounted');

  React.useEffect(() => {
    setIsMounted(true);

    return () => {
      setIsMounted(false);
    };
  }, [setIsMounted]);

  return (
    <>
      {editor.meta.pluginCache.useHooks.map((key) => (
        <EditorRefPluginEffect
          id={id}
          key={key}
          plugin={getPlugin(editor, { key })}
        />
      ))}
    </>
  );
}