Unable to get translated text...... [Fixed it!!]

[daniel548604106]

Hi there , I followed the instructions but just weren't able to get the translated text , but always returning "common:language", could anyone solve the problem for me, thank you.

// i18n.json
{ "locales": ["en-US", "zh-tw"], "defaultLocale": "en-US", "pages": { "*": ["common"] } }
// Next.config.js
const nextTranslate = require('next-translate'); module.exports = { images: { domains: [ 'platform-lookaside.fbsbx.com', 'images.unsplash.com', 'ik.imagekit.io', 'image.flaticon.com' ] }, ...nextTranslate() }

// /locales/en-US/common.json
{ "Hello": "Hello", "language": "Language Setting" }

// pages/index.js
import useTranslation from 'next-translate/useTranslation'; const App = () =>{ const { t } = useTranslation("common"); const language = t("language"); return( <p>{language}</p> ) }

[daniel548604106]

So I read the issues , and one of the suggestion was

instead of
module.exports = { images: { domains: [ 'platform-lookaside.fbsbx.com', 'images.unsplash.com', 'ik.imagekit.io', 'image.flaticon.com' ] }, ...nextTranslate() }

do this

module.exports = nextTranslate({ images: { domains: [ 'platform-lookaside.fbsbx.com', 'images.unsplash.com', 'ik.imagekit.io', 'image.flaticon.com' ] })