Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Is i18n fully fonctional in metronic 9 nextjs version ?


Hello,

I've upgraded to metronic 9 version and therefore to nextjs

I'm trying to use the i18n component but it doesn't work.

I've simply tried to use it inside an existing demo page.

The i18n key is not replaced by its value, and in the browser console I get this error :


react-i18next:: useTranslation: You will need to pass in an i18next instance by using initReactI18next 
Object { code: "NO_I18NEXT_INSTANCE" }
Stack:
warn utils.js:13
warnOnce utils.js:20
useTranslation useTranslation.js:24
DoNotDistrub do-not-distrub.tsx:23
AccountNotificationsContent content.tsx:72
AccountNotificationsPage page.tsx:42
ClientPageRoot client-page.tsx:60


Is there something specific to do ?


My version is the latest one to this day: 9.2.1

Thanks for the help


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


Hi

We have fixed it in the next version. Could you use this link?

https://docs.keenthemes.com/metronic-nextjs/guides/internationalization

Thanks



Thanks !

While waiting the fix, I managed to make it work by doing some modifications but I'll see you update to make it cleaner on my side



Hi

Glad you like it. Please don't hesitate to contact us if you require any assistance.

Thanks



Hi,

We will try to check this issue. It's probably cases by latest Next.js version upgrade.
We will check and fix it in the upcoming features.

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(