Translate React

1npm install @sejhey/react-i18n

1import { SejheyI18n, SejHeyProvider,useTranslate, T } 
2from '@sejhey/react-i18n'
3
4/* Create the i18n instance */
5const i18n = 
6new SejheyI18n({
7 defaultLanguage: 'en', 
8 projectId: 'zbzz-xqjv'
9})
10.useCdnLoader() 
11.useInContextEditor()
12.useLanguagePicker()
13
14
15/* Wrap you app with <SejHeyProvider> */
16export default function MyApp() {
17  return (
18    <SejHeyProvider i18n={i18n}>
19      <AnotherComponent />
20    </SejHeyProvider>
21  )
22}
23
24
25/* Now use translations like this */
26const AnotherComponent = () => {
27  const { t } = useTranslate()
28
29  return (
30    <>
31      <h1>{t('welcome_message')}</h1>
32
33      {/* Or if you prefer a component */}
34
35      <T keyName='welcome_message' />
36    </>
37  )
38}