react intl multilangue

Bonjour,

J'essaye de mettre en place le multi-langue avec les codes régions également : en-GB, en-US, fr-FR, fr-CA....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import { IntlProvider, addLocaleData } from "react-intl";
 
import messages_en from "locales/en_GB.json";
import messages_fr from "locales/fr_FR.json";
 
const localeData = {
   "fr_FR": messages_fr,
   "en_GB": messages_en
};
 
const language = (navigator.languages && navigator.languages[0]) || 
navigator.language || navigator.userLanguage;
 
const languageWithoutRegionCode = language.replace("-", "_");
 
const messages = localeData[languageWithoutRegionCode] || 
localeData[language] || localeData.fr;
 
ReactDOM.render(
  <IntlProvider locale={language} messages={messages}>
       .......
  </IntlProvider>

Le problème c'est que cela me sort l'erreur suivante :

Citation:

[React Intl] Missing locale data for locale: "fr-FR". Using default locale: "en" as fallback.