Could not find ... in the fieldSchemaMap.

[0vg]

I am using the following payload packages:

"@payloadcms/db-postgres": "^3.20.0",
"@payloadcms/next": "^3.20.0",
"@payloadcms/payload-cloud": "^3.20.0",
"@payloadcms/richtext-lexical": "^3.20.0",
"payload": "^3.20.0",
"payloadcms-lexical-ext": "^0.5.3",

For some reason on the Vimeo and Youtube feature I get the following error:

ERROR: There was an error building form state
    err: {
      "type": "Error",
      "message": "Could not find \"courses.content.lexical_internal_feature.youtube.youtube\" in the fieldSchemaMap",
      "stack":
          Error: Could not find "courses.content.lexical_internal_feature.youtube.youtube" in the fieldSchemaMap 
.....

My code where I use the richtext is just:

{
          name: "courseDescription",
          type: "richText",
          localized: true,
          required: true,
          label: "Course Description",
          editor: lexicalEditor({
            features: ({ defaultFeatures }) => [
              ...defaultFeatures,
              // Extended features from payloadcms-lexical-ext:
              TextColorFeature(),
              FixedToolbarFeature(),
              HighlightColorFeature(),
              BgColorFeature(),
              YoutubeFeature(),
              VimeoFeature(),
              // Optionally, add BlocksFeature if you want custom blocks in this field:
              // BlocksFeature({
              //   blocks: [Embed, VisualAnnotation],
              // }),
            ],
          }),
        },

why is it giving me this error?

[markrbu]

I'm getting the same error message for both YoutubeFeature and VimeoFeature

[markrbu]

Ok, Found the issue. In the createPlugin.tsx files when it creates the FieldsDrawer the schemaPath is incorrect it is assuming that the editor's field is at the base level and called content. It does not take in account actual schema path of the editor's field.

You can do this by updating the createPlugin.tsx to the following:

`'use client'

import React, { useCallback, useEffect, useState } from 'react'
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
import {
$getPreviousSelection,
$getSelection,
$isRangeSelection,
$setSelection,
BaseSelection,
COMMAND_PRIORITY_EDITOR,
LexicalCommand
} from '@payloadcms/richtext-lexical/lexical';
import { $insertNodeToNearestRoot } from '@payloadcms/richtext-lexical/lexical/utils'
import { FieldsDrawer, useEditorConfigContext } from '@payloadcms/richtext-lexical/client'
import { useModal } from '@payloadcms/ui';
import type { PluginComponent } from '@payloadcms/richtext-lexical';

type PluginProps = {
command: LexicalCommand
featureKey: string
createNode: Function
}

export const createPlugin = ({ featureKey, command, createNode }: PluginProps): PluginComponent => {
return (): React.JSX.Element => {
const [ editor ] = useLexicalComposerContext()
const [ selectionState, setSelectionState ] = useState<BaseSelection | null>(null)
const { openModal } = useModal()
const { fieldProps } = useEditorConfigContext();
const { schemaPath } = fieldProps;

	useEffect(() => {
		return editor.registerCommand(
			command,
			() => {
				editor.read(() => {
					const selection = $getSelection() ?? $getPreviousSelection()
					setSelectionState(selection)
				})

				openModal(featureKey + '-drawer')

				return true;
			},
			COMMAND_PRIORITY_EDITOR,
		)
	}, [ editor ])

	const onSubmit = (_, data) => {
		editor.update(() => {
			selectionState && $setSelection(selectionState.clone())

			if ($isRangeSelection(selectionState)) {
				const focusNode = selectionState.focus.getNode()

				if (focusNode !== null) {
					const youTubeNode = createNode(data.id);
					$insertNodeToNearestRoot(youTubeNode);
				}

				return true
			}

			return false;
		})
	}

	return (
		<FieldsDrawer
			featureKey={ featureKey }
			drawerSlug={ featureKey + '-drawer' }
			handleDrawerSubmit={onSubmit}
			schemaPath={ schemaPath }
			schemaPathSuffix={ featureKey }
		/>
	)
}

}
`

I added the lines:

const { fieldProps } = useEditorConfigContext(); const { schemaPath } = fieldProps;

Then changed the schemaPath to schemaPath={ schemaPath }.

Hope this helps. If I get time I'll create a fix and create a pull request