Loading Localized Messages

KendoReact Server Components are in an experimental phase and are not intended for production use. APIs may change without introducing a breaking change. Please refer to the Umbrella GitHub issue for general feedback, bug reports, and more information.

You can load messages for specific languages which will be used later on for localizing the components.

To load localized messages for KendoReact Server Components, import and use the loadMessages method from @progress/kendo-react-server-components. The method works with both JSON files and iterable key-value collections.

import { loadMessages, Grid } from "@progress/kendo-react-server-components";
const language: string = 'en';

const messagesObj: { [key: string]: string } = {
    'greeting':  "Hello",
    ...
    ...
}


export default async function Page() {
  loadMessages(messagesObj, language);

  return (
    <>
      <Grid
        ...
      />
    </>
  )
}

Additional Resources

In this article

Not finding the help you need?