LexicalComposer

import { LexicalComposer } from '@lexical/react/LexicalComposer';

function App() {
  const initialConfig = {
    namespace: 'MyEditor',
    theme: myTheme,
    onError: (error) => console.error(error),
  };

  return (
    <LexicalComposer initialConfig={initialConfig}>
      {/* Your editor components and plugins */}
    </LexicalComposer>
  );
}

import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';

function MyComponent() {
  const [editor, context] = useLexicalComposerContext();

  // editor is the LexicalEditor instance
  // context provides theme access via context.getTheme()

  return <div>...</div>;
}

import { LexicalNestedComposer } from '@lexical/react/LexicalNestedComposer';
import { createEditor } from 'lexical';

function NestedEditor() {
  const nestedEditor = createEditor({
    namespace: 'nested',
    parentEditor: $getEditor(),
  });

  return (
    <LexicalNestedComposer initialEditor={nestedEditor}>
      {/* Nested editor plugins and components */}
    </LexicalNestedComposer>
  );
}

function createLexicalComposerContext(
  parent: LexicalComposerContextWithEditor | null | undefined,
  theme: EditorThemeClasses | null | undefined,
): LexicalComposerContextType