Payload CMS UI fields with i18n, does not accept translate function

Question

I am trying to add payloadcms/translations from payload to my cms written with payload cms and next,

    "@payloadcms/translations": "^3.42.0",
    "@payloadcms/ui": "^v3.42.0",

I have my fields like this :

{
      name: 'color',
      type: 'text',
      label: translate('machines:color'),
    },
    {
      // ui fields do not accept functions as labels
      name: 'Status',
      type: 'ui',
      label: translate('customMachines:color'),
      admin: {
        components: {
          Cell: '/appViews/views/Status.tsx#Status',
        },
      },
    },

the error I am getting is :

Type '({ t: defaultT }: { t: TFunction; }) => string' is not assignable to type 'string | Record<string, string> | undefined'.ts(2322)

seems it can not handle my translate fn that get the string value from the custom translations object. Seems the documentation does not specify this scenario. https://payloadcms.com/docs/configuration/i18n and I am not sure how to handle it at the moment.

is there a way to add translations to the UI fields on payload cms?

I think translate(...) returns a function (not a string), and Payload CMS field configs expect label to be string or Record<string, string> (for i18n), not a function. — Ravi Chauhan
– Ravi Chauhan, Commented Jun 10 at 7:34

Ravi Chauhan · Accepted Answer · 2025-06-10 07:37:21Z

1

translate() function at config time, use a static i18n object for label

label: {
  en: 'Color',
  de: 'Farbe',
  fr: 'Couleur',
}

answered Jun 10 at 7:37

Ravi Chauhan

1,53513 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JGarnie Jun 10 at 14:37

thanks a lot, I found it on the docs, but did not like the idea of having spread around translations, but happy to do it like this for now since seems there is no other solution at the moment as far as I managed to research

Ravi Chauhan Jun 30 at 8:59

@JGarnie no problem

Collectives™ on Stack Overflow

Payload CMS UI fields with i18n, does not accept translate function

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related