fix: i18n resolution (#3299)

.env

-REACT_APP_INFURA_KEY="4bf032f2d38a4ed6bb975b80d6340847"
\ No newline at end of file
+REACT_APP_INFURA_KEY="4bf032f2d38a4ed6bb975b80d6340847"
+REACT_APP_LOCALES="locales"
\ No newline at end of file

cosmos.override.js

@@ -17,7 +17,7 @@ module.exports = (webpackConfig) => ({
         'process.env': {
           ...plugin.definitions['process.env'],
           REACT_APP_IS_WIDGET: true,
-          REACT_APP_LOCALES: "'../locales'",
+          REACT_APP_LOCALES: '"../locales"',
         },
       })
     }

rollup.config.ts

@@ -23,7 +23,7 @@ import { CompilerOptions } from 'typescript'
 
 const REPLACEMENTS = {
   'process.env.REACT_APP_IS_WIDGET': true,
-  'process.env.REACT_APP_LOCALES': "'./locales'",
+  'process.env.REACT_APP_LOCALES': '"./locales"',
 }
 
 const EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx']

src/lib/i18n.tsx

@@ -81,9 +81,7 @@ export async function dynamicActivate(locale: SupportedLocale) {
   // There are no default messages in production; instead, bundle the default to save a network request:
   // see https://github.com/lingui/js-lingui/issues/388#issuecomment-497779030
   const catalog =
-    locale === DEFAULT_LOCALE
-      ? DEFAULT_CATALOG
-      : await import(`${process.env.REACT_APP_LOCALES || 'locales'}/${locale}`)
+    locale === DEFAULT_LOCALE ? DEFAULT_CATALOG : await import(`${process.env.REACT_APP_LOCALES}/${locale}`)
   i18n.load(locale, catalog.messages)
   i18n.activate(locale)
 }