johnmryan
commented
3 years ago 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
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/
This is what I see
amazon-connect-chat-interface.js:81389 [React Intl] Could not find required 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)
intlobject.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.