Files
cms/test/i18n/ComponentWithDefaultI18n.tsx
zeekay 09c5e16c5c feat: rebrand all packages to @hanzo/cms scope (Payload v3.85.2 fork)
- payload -> @hanzo/cms (core), bin payload -> hanzo-cms
- create-payload-app -> @hanzo/create-cms-app
- @payloadcms/<x> -> @hanzo/cms-<x> across the whole dependency graph
- 3545 files, 72 package.json, 4419 scoped refs, 3852 core import specifiers, 82 scss imports
- MIT attribution to Payload CMS Inc. preserved (LICENSE.md, author emails)

Upstream: github.com/payloadcms/payload @ v3.85.2 (MIT)
2026-07-01 17:56:00 -07:00

37 lines
1.4 KiB
TypeScript

'use client'
import { useTranslation } from '@hanzo/cms-ui'
import React from 'react'
export const ComponentWithDefaultI18n = () => {
const { i18n, t } = useTranslation()
const componentWithDefaultI18nValidT = t('fields:addLink')
// @ts-expect-error // Keep the ts-expect-error comment. This NEEDS to throw an error
const componentWithDefaultI18nInvalidT = t('fields:addLink2')
const componentWithDefaultI18nValidI18nT = i18n.t('fields:addLink')
// @ts-expect-error // Keep the ts-expect-error comment. This NEEDS to throw an error
const componentWithDefaultI18nInvalidI18nT = i18n.t('fields:addLink2')
return (
<div className="componentWithDefaultI18n">
<p>ComponentWithDefaultI18n </p>
ComponentWithDefaultI18n Valid t:{' '}
<span className="componentWithDefaultI18nValidT">{componentWithDefaultI18nValidT}</span>
<br />
ComponentWithDefaultI18n Valid i18n.t:{' '}
<span className="componentWithDefaultI18nValidI18nT">
{componentWithDefaultI18nValidI18nT}
</span>
<br />
ComponentWithDefaultI18n Invalid t:{' '}
<span className="componentWithDefaultI18nInvalidT">{componentWithDefaultI18nInvalidT}</span>
<br />
ComponentWithDefaultI18n Invalid i18n.t:{' '}
<span className="componentWithDefaultI18nInvalidI18nT">
{componentWithDefaultI18nInvalidI18nT}
</span>
</div>
)
}