fix: className in NestedLexicalEditor (#389)

* fix: className in NestedLexicalEditor * Fix cannot read properties of undefined
mdx-editor · Mar 14, 2024 · df8ac32 · df8ac32
1 parent c220b2f
commit df8ac32
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/plugins/core/NestedLexicalEditor.tsx b/src/plugins/core/NestedLexicalEditor.tsx
@@ -34,6 +34,7 @@ import { ContentEditable } from '@lexical/react/LexicalContentEditable.js'
 import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary.js'
 import { LexicalNestedComposer } from '@lexical/react/LexicalNestedComposer.js'
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js'
+import classNames from 'classnames'
 import { lexicalTheme } from '../../styles/lexicalTheme'
 import { exportLexicalTreeToMdast } from '../../exportMarkdownFromLexical'
 import { importMdastTreeToLexical } from '../../importMarkdownToLexical'
@@ -320,7 +321,7 @@ export const NestedLexicalEditor = function <T extends Mdast.RootContent>(props:
   return (
     <LexicalNestedComposer initialEditor={editor}>
       <RichTextPlugin
-        contentEditable={<ContentEditable {...contentEditableProps} className={styles.nestedEditor} />}
+        contentEditable={<ContentEditable {...contentEditableProps} className={classNames(styles.nestedEditor, contentEditableProps?.className)} />}
         placeholder={null}
         ErrorBoundary={LexicalErrorBoundary}
       />