Rich text can be saved as empty string ("") causing errors in admin panel when parsing data. about payload

[denolfe]

Thank you for the report @richardvanbergen. Are you able to provide the collection config or the subset that contains the localized field within a block?

[richardvanbergen]

Hi, it's basically a page collection that looks like this:

const PageCollection: CollectionConfig = {
  slug: 'page',
  admin: {
  },
  labels: {
    singular: 'Page',
    plural: 'Pages',
  },
  fields: [
    ...PageMetaFields,
    {
      name: 'content',
      label: 'Content Blocks',
      type: 'blocks',
      labels: {
        singular: 'Layout',
        plural: 'Layouts',
      },
      blocks: [
        HeroSchema,
        ClientListSchema,
        CarouselSchema,
        IllustratedCopySchema,
        ContentGridSchema, // <-- this guy right here caused the error
        HubspotFormSchema,
        CtaBannerSchema,
        ProcessStepsSchema,
      ],
    },
  ],
}

export default PageCollection

The block that caused the error looks like this:

const ContentGridSchema: Block = {
  slug: 'contentGrid',
  imageURL: 'https://brightvision.fra1.cdn.digitaloceanspaces.com/admin-preview-images/rows-and-columns.png',
  imageAltText: 'A component for organizing content into flexible rows and columns.',
  labels: {
    singular: 'Rows & Columns',
    plural: 'Rows & Columns',
  },
  fields: [
    {
      type: 'array',
      name: 'grids',
      fields: [
        {
          type: 'row',
          fields: [
            {
              type: 'number',
              label: 'Maximum Columns',
              name: 'numberOfColumns',
              admin: {
                width: '50%',
              },
            },
          ],
        },
        {
          type: 'array',
          name: 'columns', // <-- more specifically this guy
          fields: [
            {
              type: 'richText',
              name: 'content',
              localized: true,
            },
          ],
        },
      ],
    },
  ],
}

export default ContentGridSchema

And this is my payload config with the internationalization:

// ... bunch of imports

export default buildConfig({
  serverURL: process.env.PAYLOAD_PUBLIC_SERVER_URL,
  collections: [
    Page,
    Client,
    Testimonial,
    MediaVideo,
    MediaImage,
    APIUser,
    Link,
    HubspotFormEmbed,
  ],
  globals: [
    SiteConfig,
    MainMenu,
    Error404,
    Error500,
  ],
  localization: {
    locales: [
      'en',
      'dk',
      'sv',
      'no',
      'fi',
    ],
    defaultLocale: 'en',
    fallback: true,
  },
  admin: {
    components: {
      graphics: {
        Icon: Favicon,
        Logo: Logo,
      },
      views: {
        Dashboard,
      },
    },
  },
})

[richardvanbergen]

Let me know if you need any more information.

[github-actions]

This issue has been automatically locked.
Please open a new issue if this issue persists with any additional detail.