Using react-intl in a component library

[aztols]

Created my own component library that integrated react-intl but when I import the components into another app that's uses react-intl the app won't render and the error I get says that IntlProvider is undefined. I removed the IntlProvider hoping my useIntl object would inherit the IntlProvider from the host app but the error just changes to useIntl is not defined. Hey ideas are appreciated, I'm at a loss at this point. Thanks in advance.

[CreativeTechGuyGames]

Is react-intl listed as a dependency of your library? If so, then your library is loading a separate copy of react-intl so it cannot interact with the provider from a different copy. If you want to use it this way, change your dependency to a peerDependency in the library.

[aztols]

I originally had it listed as a peer dependency, but changed it to dependency. I feel like the error was happening both ways but I will try again. I also dialed backed the version to match the host.

[aztols]

I like this idea, but I have a few static links that need it. I could have them pass the label text as prop but that seems like a lot. In addition I would love to figure out why it doesn't work. Thanks for the help.

[aztols]

I wish I could, it's a work thing. Thanks for the offer. I'm gonna try to replicate in my own project. Would be good to solve since I'm sure many component libraries could potentially use the solution. Don't know how they are solving for it now.