@churchapps/apphelper-markdown/dist/components/markdownEditor/plugins/ControlledEditorPlugin.js

ChurchApps markdown/lexical editor components

import { useEffect } from "react";
import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
import { $convertFromMarkdownString } from "@lexical/markdown";
import { PLAYGROUND_TRANSFORMERS } from "./MarkdownTransformers";
export function ControlledEditorPlugin({ isFullscreen, value, isPreview = false }) {
    const [editor] = useLexicalComposerContext();
    useEffect(() => {
        if (isFullscreen || isPreview) {
            editor.update(() => {
                $convertFromMarkdownString(value, PLAYGROUND_TRANSFORMERS);
            });
        }
    }, [value]); //eslint-disable-line
    return null;
}