Question: how to get the instance ?

Hi, I am a newbie. I had read the doc several times , but could not find how to get the instance. I try to use useRef to get the editor instance but fail. so is there any sample code to show me. Extra question , How to set a default text ? useState or other methods? I wish i can get the sample code.

@lexical/react: 0.3.7
lexical: 0.3.7

what i want is following code

function App (){
      const toggleReadOnly = () => {
        instance.setReadOnly(false)
      }
      const [defaultValue] = useState('Dude, typing something on here.')

     return <>
            <LexicalComposer  initialConfig={{
                      ...editorConfig,
                      readOnly: true,
                    }}
             />
                       <PlainTextPlugin
                              initialEditorState={defaultValue}
                              contentEditable={<ContentEditable className="editor-input" />}
                           />
            </LexicalComposer>
             <button onClick={toggleReadOnly}></button>
     </>
}

[HZZformGD]

@HZZformGD Move everything within the context of LexicalComposer:

<LexicalComposer  initialConfig={{...editorConfig, readOnly: true }} >
    <CustomEditor />
</LexicalComposer>

You can set an editor as readOnly without needing to reset the initialConfig prop of the LexicalComposer component. Call editor.setReadOnly within your toggleReadOnly function instead.

Oh!!! Thx. I get it.

[thegreatercurve]

@HZZformGD Move everything within the context of LexicalComposer:

<LexicalComposer  initialConfig={{...editorConfig, readOnly: true }} >
    <CustomEditor />
</LexicalComposer>

You can set an editor as readOnly without needing to reset the initialConfig prop of the LexicalComposer component. Call editor.setReadOnly within your toggleReadOnly function instead.