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.