When the user is signed in, if I refresh the page, user is not set correctly for the first rendering. So, if we render the <SignedIn> component when the user is signed in and <NotSignedIn> component otherwise, then <NotSignedIn> will be rendered momentarily and only then the page will be re-rendered to display SignedIn. See also my question on StackOverflow.
When the user is signed in, if I refresh the page,
useris not set correctly for the first rendering. So, if we render the<SignedIn>component when the user is signed in and<NotSignedIn>component otherwise, then<NotSignedIn>will be rendered momentarily and only then the page will be re-rendered to displaySignedIn. See also my question on StackOverflow.