My react app enclosed with withAuthenticator is showing Loading dialog often
See original GitHub issue** Which Category is your question related to? **
I had a react-app i enclosed the app with withAuthenticator
and also added some few components to the app and pushed to cloudfront. Whenever i click on a page after signin
it is showing loading dialog
but once i refresh
or go back to previous page and come in
its works properly. I want to know why it is rendering loading dialog
every time whenever i am signing in
. I believe it is taking time to render the components.
BTW: I didn’t find any logs in the console when it is rendering loading dialog
.
** What AWS Services are you utilizing? **
amplify-cli - 0.1.36
and its integrated features like add hosting with cloudfront
.
** Provide additional details e.g. code snippets **
Loading screenshot
Issue Analytics
- State:
- Created 4 years ago
- Comments:7 (3 by maintainers)
Top Results From Across the Web
Force withAuthenticator(App) to wait until loading other App ...
I'm a newbie in AWS Amplify , and just couldn't figure out how to make my App class wait for the user to...
Read more >How To Handle Async Data Loading, Lazy Loading, and Code ...
React has a special component called Suspense that will display placeholders while the browser is loading your new component.
Read more >Amplify UI's new Authenticator component makes it easy to ...
In this blog post we will deploy a React app with Amplify Hosting, set up auth, and then integrate the <Authenticator> UI component...
Read more >How We Reduced Our React App's Load Time by 60% - InfoQ
Using React by itself will not result in a highly performant application. If you're not careful, the application can pick up bloat easily....
Read more >Authenticator - React Native - AWS Amplify Docs
For React Native, the simplest way to add authentication flows into your app is to use the withAuthenticator Higher Order Component.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Fix is published to npm:
aws-amplify-react@2.3.7-unstable.3
Closing this issue. Please reopen if there are any related questions or concerns.
This issue has been automatically locked since there hasn’t been any recent activity after it was closed. Please open a new issue for related bugs.
Looking for a help forum? We recommend joining the Amplify Community Discord server
*-help
channels or Discussions for those types of questions.