Lexical JSC Converter params type error

[runoncedev]

I have this custom block registered as gallery in payload.config.ts:

import { BlocksFeature, lexicalEditor } from "@payloadcms/richtext-lexical";

export default buildConfig({
  // Other stuff before this...
  editor: lexicalEditor({
    features: ({ defaultFeatures }) => [
      ...defaultFeatures,
      BlocksFeature({
        blocks: [
          {
            slug: "gallery",
            fields: [
              {
                name: "image",
                type: "upload",
                relationTo: "media",
                hasMany: true,
              },
            ],
          },
        ],
      }),
    ],
  }),
  // More stuff after...
})

I try to assign it a converter:

const jsxConverters: JSXConvertersFunction = ({ defaultConverters }) => ({
  ...defaultConverters,
  blocks: {
    gallery: (params) => {
      return <div>Gallery</div>;
    },
  },
});

But I get this error:

Parameter 'params' implicitly has an 'any' type.

Am I missing something?

[AlessioGr]

You need to provide the block type as a generic to JSXConvertersFunction. Check out the website template as an example:

payload/templates/website/src/components/RichText/index.tsx

Line 38 in 779f511

const jsxConverters: JSXConvertersFunction<NodeTypes> = ({ defaultConverters }) => ({

[runoncedev]

Thanks! I see in the example this comes from payload-types.ts but in my case I don't see any type being generated for the gallery block. What do I need to get this type generated?

[runoncedev]

I think I found it. Needed to add the interfaceName prop to my block config:

{
  slug: "gallery",
  interfaceName: "GalleryBlock",
  fields: [
    {
      name: "image",
      type: "upload",
      relationTo: "media",
      hasMany: true,
    },
  ],
},

And then run npx payload generate:types.

Reference:

• https://payloadcms.com/docs/typescript/generating-types#types-generation-script