[React Intl] Could not find required `intl` object (dev-build only)
cmrockwell opened this issue · 3 comments
Hi
I'm getting the error below when I build and test locally.
Here are the steps I take
-
I want the locally built version of amazon-connect-chat-interface.js used in the local-testing
$ cd local-testing
$ mv amazon-connect-chat-interface.js amazon-connect-chat-interface-original.js
$ ln -s ../build/dist/static/js/amazon-connect-chat-interface.js . -
Start the http-server
-
Edit the local-testing/index.html with my instance ID, contact flow and region
-
go up to the project root and run $ npm install && npm run dev-build
-
Open the browser to http://127.0.0.1:8080/
amazon-connect-chat-interface.js:81389 [React Intl] Could not find required intl
object. needs to exist in the component ancestry. Using default message as fallback.
at FormattedMessage (http://127.0.0.1:8080/amazon-connect-chat-interface.js:83700:5)
at button
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at styled.button
at Button (http://127.0.0.1:8080/amazon-connect-chat-interface.js:114690:210)
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at Styled(Button)
at div
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at styled.div
at div
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at styled.div
at div
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at styled.div
at ChatActionBar (http://127.0.0.1:8080/amazon-connect-chat-interface.js:110423:210)
at div
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at styled.div
at Chat (http://127.0.0.1:8080/amazon-connect-chat-interface.js:110175:210)
at ChatContainer (http://127.0.0.1:8080/amazon-connect-chat-interface.js:111017:210)
at div
at StyledComponent (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105554:5)
at styled.div
at ThemeProvider (http://127.0.0.1:8080/amazon-connect-chat-interface.js:105334:5)
at ThemeProvider (http://127.0.0.1:8080/amazon-connect-chat-interface.js:115660:210)
at AppProvider (http://127.0.0.1:8080/amazon-connect-chat-interface.js:109991:97)
at App (http://127.0.0.1:8080/amazon-connect-chat-interface.js:110006:27)
at Router (http://127.0.0.1:8080/amazon-connect-chat-interface.js:92244:5)
at BrowserRouter (http://127.0.0.1:8080/amazon-connect-chat-interface.js:90950:5)
These errors don't seem to be an issue when building for prod npm install && npm run build, but their presence is concerning when developing. Would be nice to get rid of these errors for the dev builds too.
Hey @cmrockwell, thanks for filing this issue. I am looking into this. We removed localization code from this repo but it appears some components are still using the FormattedMessage
type, which relies on having a localization provider exist in the component ancestry.
Luckily it should just be a console error, since it will fall back to the default message, but regardless we should clean this up. Will post back with an update.
@cmrockwell -- this issue should be resolved in the latest version. Let me know if it works for you.
Looks good! Thanks