Need Help Translating Resource Picker with i18next in Remix + Polaris App

App Bridge
,
1

Hi everyone,

I’m currently working on localizing my Shopify app using the following packages:

  • i18next
  • react-i18next
  • i18next-browser-languagedetector
  • i18next-http-backend

My tech stack includes Remix, React.js, Shopify Polaris components, and Node.js.

So far, all Polaris and custom React components are translating correctly. However, I’m facing an issue with translating the Shopify Resource Picker. I’m currently invoking it using window.shopify.resourcePicker, but the output does not reflect the expected translations or localization behavior.

Has anyone successfully localized the Resource Picker UI or text labels? Any guidance or best practices would be greatly appreciated.

Thank you!
I’ve attached the Product Picker screen that needs to be translated.

image
image1552×933 76.9 KB