addToImportMap > Payload component must be an object or a string

[caycewilliams]

Describe the Bug

Adding a react component to field components produces this error

{
    name: 'example',
    type: 'text',
    required: false,
    admin: {
      description: 'Example',
      components: {
        Field: TableField as any,
      }
    }
}

Link to the code that reproduces this issue

I can't

Reproduction Steps

Start a new payload project, add a component to a field

Every time the server hot reloads on a build config change, I get this error.

I just modified the addToImportMap function to remove the object or string check and it works fine. But I'm looking for a suggestion to change my code or fix to core library in an update to correctly fix the issue.

Which area(s) are affected? (Select all that apply)

area: core

Environment Info

Command failing to run


    "@payloadcms/db-mongodb": "^3.54.0",
    "@payloadcms/next": "^3.54.0",
    "@payloadcms/payload-cloud": "^3.54.0",
    "@payloadcms/richtext-lexical": "^3.54.0",
    "@payloadcms/ui": "^3.54.0",

node v20.17.0
npm 10.8.2

[AlessioGr]

You'll need to pass a path to your component, and not the actual component import. Check out our custom component docs for more details!