Could not find required intl object

[kark]

When using some of the uikit components I'm getting an error regarding a missing intl object.

Uncaught Error: [React Intl] Could not find required intl object.
<IntlProvider> needs to exist in the component ancestry.

How should I fix this?

---

Refs:

• Getting react-intl errors when trying to use DateTimeField #2158
• SelectField - React Intl - Could not find intlobject #2167

[kark]

Hi 👋 ,

This issue usually means that there are conflicting versions of react-intl installed in your repository. These kinds of dependency issues unfortunately occur from time to time.

What usually helps (from our experience) in verifying that this is the case is checking the installed versions with yarn why react-intl. This should show you if versions of react-intl installed in the repository are the same or there are conflicting versions.

If there are conflicting versions you can attempt to do the following steps:

• Force Yarn to install the dependencies to their latest version range with yarn upgrade react-intl (with Yarn v1) or yarn up -R react-intl (with Yarn v3).
• Use Yarn resolutions to force the resolution of a specific version.
• If the issue still persists, try removing node_modules and yarn.lock and re-install all dependencies.

[CarlosCortizasCT]

Perhaps we could also recall here that, in the context of a developing a Custom Application, IntlProvider is used within ApplicationShell component which users commonly use in their top component's tree so this problem does not come from using that provider incorrectly (users are not expected to actually use it in their code most of the time) but from the dependencies versions conflict.