Attempted import error: 'addLocaleData' is not exported from 'react-intl'

reactjs react-intl
Chi Bui picture Chi Bui · Aug 13, 2019 · Viewed 10.5k times · Source

It's return error when i try this code

react-intl version 3.1.6 && react version 16.9

import { IntlProvider, FormattedMessage , addLocaleData} from 'react-intl';

Answer

Brian picture Brian · Aug 14, 2019

I'm still investigating but it looks like addLocaleData was removed as a breaking change for v3.

https://formatjs.io/docs/react-intl/upgrade-guide-3x

This was a bit confusing for me too because a lot of the tutorials and guides out there still use addLocaleData.

Related questions

React-Intl How to use FormattedMessage in input placeholder

I'm unsure how to get the values from <FormattedMessage {...messages.placeholderIntlText} /> into a placeholder format like input: <input placeholder={<FormattedMessage {...messages.placeholderIntlText} />} /> as it would return [Object object] in the actual placeholder. Is there …

Read More
React-Intl how to switch locale and messages from variable

I'm trying to figure out how to change language using React-Intl. This is my first React App and it has been made with create-react-app, I'm not using Redux nor Flux. In my index.js I have the following code: import …

Read More
intl.formatMessage not working - react-intl

I am trying to do language translation using react-intl. When I use this <FormattedMessage id='importantNews' />, it is working perfect. But when I use the following code with intl.formatMessage(), it is not working and throwing some errors. …

Read More