@shopify/react-i18n deprecated

Built for Shopify
1

It seems @shopify/react-i18n is now deprecated, what should we be using to handle translations in our apps?

The docs don’t really provide any info.

1 Like
2

We’ve moved over to react-i18next^

3

Thanks for the rec Harshdeep!

1 Like
4

Nevermind,

somehow missed the deprecated in the whole thing.

It is deprecated now

5

Just to confirm, We refers to my team and I. I don’t work for Shopify :slight_smile:

6

Is there a way to have an example of how to use react-i18next ?

I grabbed the locale from the URL when app is embedded, but how to apply this value for all my Shopify App ?

It would be amazing, thanks !

7

Thanks Harshdeep!

Yes, guessed so.

I know you are on nextjs, but for other folks on Remix, I figured out there is also the remix wrapper for it.

Currently implementing it: GitHub - sergiodxa/remix-i18next: The easiest way to translate your Remix apps

Greets

1 Like
8

If you use the Remix template, take a look at my other post. It includes the link to the HOWTO.

Have not used react-i18next so far. But if I am not mistaken, remix-i18next uses it.
Hence, it very likely is very similar.

9

All your posts are hidden on this topic. I can’t see anything.

10

They got flagged, for posting the same link two times I guess.

Now they are available again. Hope you get a notification.

11

hey guys, I’m getting hydration error in my remix template app, I don’t have entry client. I create a new entry client with the content provided in this docs and see hydration error, is there anyone who faced it too?

12

Did you try to run it in the Incognito Mode browser window?

I often had some Chrome extensions messing around with my app, which caused the hydration errors.