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 (