React-intl for non components

Question

Currently I have the following code to expose react-intl to non-components, but it throws an error for intl as undefined.

I have created a separate component as \'Curren

Answer 1

If you can accept to use a function component I prefer to use the useIntl hook

https://reactjs.org/docs/components-and-props.html#function-and-class-components

I can then get values like this:

import { useIntl } from "react-intl";

const intl = useIntl()
intl.formatMessage({ id: 'myId' }),

https://formatjs.io/docs/react-intl/api/#useintl-hook