title: Trying to pass object through screens with react navigation
body: <p>I am having issues passing an object through screens using react navigation : I currently have a user object received from connecting to firebase, so i know i have the object and  my user is connected. However, i can't seem to find the best way to pass it to the screen after connection, which way is better ?
  Like this :</p>
  <p><code>navigation.navigate('User Profile', {user: user})</code></p>
  <p>(This line is called after getting the document in which the user information is stored in and upon pressing the login button)</p>
  <p>Or like this :</p>
  <pre><code>{ user ?(
                  &lt;Tab.Screen name=&quot;User Profile&quot;&gt;
                      {props =&gt; &lt;ConnectedProfileScreen {...props} extraData={user}/&gt;}
                  &lt;/Tab.Screen&gt;
              ) : (
                  &lt;Tab.Screen name =&quot;Profile&quot; component={ProfileScreen}/&gt;
              )}
  </code></pre>
  <p>(This chunk is part of my BottomTabNavigator, and renders differently based on if the mobile app is detecting a connected user or not)</p>
  <p>Second thing, my bottom tab is rendered with &quot;profile&quot; at first when no user is connected, when an user connects, &quot;User profile&quot; is rendered in the tab replacing the &quot;profile&quot; tab, but when I disconnect, &quot;user profile&quot; is still rendered, how can I manage to re-render &quot;profile&quot; upon disconnect ?</p>