title: Meteor.user() and localStorage.getItem('Meteor.userId') return null
body: <p><code>Meteor.user()</code> and <code>localStorage.getItem('Meteor.userId')</code> return null untill page is refreshed
  I am using value from <code>Meteor.user()</code> to try and change state and hence re-render the component but it keeps returning <code>null</code> until page reload.</p>
  
  <pre><code>export default class Header extends React.Component {
    constructor(props){
      super(props);
      this.state = {loggedIn: Meteor.user() !== null}// false if no user 
      //is logged in
      //save the component context to avoid scope issues
      thisComponent = this;
   }
  
   onSubmit(e){
      e.preventDefault();
      let el = $(e.target);
      let email = el.find('#email').val();
      let password = el.find('#password').val();
      let confirmPassword = el.find('#confirmPassword').val();
  
      // Login user
      Meteor.loginWithPassword(email, password, err =&gt; {
        if (err) {
          Materialize.toast(err.reason, 4000);
        } else {
          Materialize.toast('Success loging in', 4000);
          //change state just to cause a rerender
          thisComponent.setState({ loggedIn: true })
        }
      });
    }
  
    render() {
      //if user is logged in
      if(Meteor.user()) {
        return &lt;Redirect to='/dashboard' /&gt;;
      } else {
        return &lt;LoginComponent /&gt;;   
      }
    }
  </code></pre>