Fix fallback when the i18n entry is not found (#22)

__tests__/useTranslation.test.js

@@ -147,5 +147,47 @@ describe('useTranslation', () => {
  )
  expect(container.textContent).toContain(expected)
  })
+
+ test('should return the key as fallback', () => {
+ const Inner = () => {
+ const { t } = useTranslation()
+ const test = t('ns:template-string')
+ return (
+ <>
+ {test} | {typeof test}
+ </>
+ )
+ }
+
+ const expected = 'ns:template-string | string'
+
+ const { container } = render(
+ <I18nProvider lang="en" namespaces={{}} >
+ <Inner />
+ </I18nProvider>
+ )
+ expect(container.textContent).toBe(expected)
+ })
+
+ test('should return the key as fallback using a template string', () => {
+ const Inner = () => {
+ const { t } = useTranslation()
+ const test = t`ns:template-string`
+ return (
+ <>
+ {test} | {typeof test}
+ </>
+ )
+ }
+
+ const expected = 'ns:template-string | string'
+
+ const { container } = render(
+ <I18nProvider lang="en" namespaces={{}} >
+ <Inner />
+ </I18nProvider>
+ )
+ expect(container.textContent).toBe(expected)
+ })
  })
 })

package.json

@@ -1,6 +1,6 @@
 {
  "name": "next-translate",
- "version": "0.1.4",
+ "version": "0.1.5",
  "description": "Next.js utility to translate pages without the need of a server (static i18n pages generator).",
  "license": "MIT",
  "keywords": [

src/I18nProvider.js

@@ -41,7 +41,7 @@ export default function I18nProvider({ lang, namespaces = {}, children }) {
  const dic = allNamespaces[namespace] || {}
  const keyWithPlural = plural(dic, i18nKey, query)
 
- return interpolation(dic[keyWithPlural], query) || key
+ return interpolation(dic[keyWithPlural], query) || k
  }
 
  return (