Getting Error: Cannot find react-intl/locale-data/hk in Safari

[donaldkg]

I am using the following config in my gatsby project. When I run develop mode in Safari it shows the error like the screen capture below. But, when I use Chrome, the page is fine. Can anyone please help?

{
  resolve: `gatsby-plugin-intl`,
  options: {
    // language JSON resource path
    path: `${__dirname}/src/intl`,
    // supported language
    languages: ['hk'],
    // language file path
    defaultLanguage: `hk`,
    // option to redirect to `/hk` when connecting `/`
    redirect: true,
  },
},

[maurobarrionuevo]

I had the same problem once. I was trying to use "ar" for Argentina and "cl" for Chile. After some research and looking into the library I realized that locales supported are those listed on CLDR. So instead I had to use "es-AR" and "es-CL". I ended up using a pollyfill that worked well on Safari. You can read more here