diff --git a/packages/payload/src/admin/components/forms/field-types/RichText/index.tsx b/packages/payload/src/admin/components/forms/field-types/RichText/index.tsx index 6b1ccbf43..2016115d6 100644 --- a/packages/payload/src/admin/components/forms/field-types/RichText/index.tsx +++ b/packages/payload/src/admin/components/forms/field-types/RichText/index.tsx @@ -1,4 +1,4 @@ -import React, { useMemo } from 'react' +import React from 'react' import type { RichTextField } from '../../../../../fields/config/types' import type { RichTextAdapter } from './types' @@ -7,11 +7,7 @@ const RichText: React.FC = (fieldprops) => { const editor: RichTextAdapter = fieldprops.editor const { FieldComponent } = editor - const FieldComponentImpl: React.FC = useMemo(() => { - return FieldComponent() - }, [FieldComponent]) - - return + return } export default RichText diff --git a/packages/payload/src/admin/components/forms/field-types/RichText/types.ts b/packages/payload/src/admin/components/forms/field-types/RichText/types.ts index 9c81a0fc5..c031739aa 100644 --- a/packages/payload/src/admin/components/forms/field-types/RichText/types.ts +++ b/packages/payload/src/admin/components/forms/field-types/RichText/types.ts @@ -18,10 +18,10 @@ export type RichTextAdapter< AdapterProps = any, ExtraFieldProperties = {}, > = { - CellComponent: () => React.FC< + CellComponent: React.FC< CellComponentProps> > - FieldComponent: () => React.FC> + FieldComponent: React.FC> afterReadPromise?: ({ field, incomingEditorState, diff --git a/packages/payload/src/admin/components/views/collections/List/Cell/field-types/Richtext/index.tsx b/packages/payload/src/admin/components/views/collections/List/Cell/field-types/Richtext/index.tsx index 55cfefd7d..611d57b5d 100644 --- a/packages/payload/src/admin/components/views/collections/List/Cell/field-types/Richtext/index.tsx +++ b/packages/payload/src/admin/components/views/collections/List/Cell/field-types/Richtext/index.tsx @@ -1,4 +1,4 @@ -import React, { useMemo } from 'react' +import React from 'react' import type { RichTextField } from '../../../../../../../../fields/config/types' import type { RichTextAdapter } from '../../../../../../forms/field-types/RichText/types' @@ -9,11 +9,7 @@ const RichTextCell: React.FC> = (props) => { const editor: RichTextAdapter = props.field.editor const { CellComponent } = editor - const CellComponentImpl: React.FC = useMemo(() => { - return CellComponent() - }, [CellComponent]) - - return + return } export default RichTextCell diff --git a/packages/richtext-lexical/src/index.ts b/packages/richtext-lexical/src/index.ts index 3a9e48c1a..5289c5c2a 100644 --- a/packages/richtext-lexical/src/index.ts +++ b/packages/richtext-lexical/src/index.ts @@ -57,16 +57,14 @@ export function lexicalEditor(props?: LexicalEditorProps): LexicalRichTextAdapte } return { - CellComponent: () => - withMergedProps({ - Component: RichTextCell, - toMergeIntoProps: { editorConfig: finalSanitizedEditorConfig }, - }), - FieldComponent: () => - withMergedProps({ - Component: RichTextField, - toMergeIntoProps: { editorConfig: finalSanitizedEditorConfig }, - }), + CellComponent: withMergedProps({ + Component: RichTextCell, + toMergeIntoProps: { editorConfig: finalSanitizedEditorConfig }, + }), + FieldComponent: withMergedProps({ + Component: RichTextField, + toMergeIntoProps: { editorConfig: finalSanitizedEditorConfig }, + }), afterReadPromise: ({ field, incomingEditorState, siblingDoc }) => { return new Promise((resolve, reject) => { const promises: Promise[] = [] diff --git a/packages/richtext-slate/src/index.ts b/packages/richtext-slate/src/index.ts index 190faeae6..d20b799d3 100644 --- a/packages/richtext-slate/src/index.ts +++ b/packages/richtext-slate/src/index.ts @@ -13,16 +13,14 @@ export function slateEditor( args: AdapterArguments, ): RichTextAdapter { return { - CellComponent: () => - withMergedProps({ - Component: RichTextCell, - toMergeIntoProps: args, - }), - FieldComponent: () => - withMergedProps({ - Component: RichTextField, - toMergeIntoProps: args, - }), + CellComponent: withMergedProps({ + Component: RichTextCell, + toMergeIntoProps: args, + }), + FieldComponent: withMergedProps({ + Component: RichTextField, + toMergeIntoProps: args, + }), outputSchema: ({ isRequired }) => { return { items: {