title: AWS Amplify HOC Authenticator React does not pass authState property to wrapped component
body: <p>I am trying to use Amplify Authenticator to block access to my app while a user is not signed in.</p>
  
  <pre><code> &lt;Authenticator includeGreetings={true}&gt;
              &lt;Provider store={dataStore}&gt;
                  &lt;Router history={hist}&gt;
                      &lt;MyView&gt;
                      &lt;/MyView&gt;
                  &lt;/Router&gt;
              &lt;/Provider&gt;
          &lt;/Authenticator&gt;
  </code></pre>
  
  <p>In my component MyView in the render method I am trying to do a simple auth check by : </p>
  
  <pre><code>if (this.props.authState !== 'signedIn') {
              return (&lt;&gt;&lt;/&gt;);
          }
  </code></pre>
  
  <p>But for some reason when checking the auth state in the if condition, it is undefined. </p>
  
  <ol>
  <li><p>Why is the property undefined - I understood in the docs that it is being down flown to all child components.</p>
  
  <ol start="2">
  <li>Is my approach correct? I saw by the docs that you can implement a method showComponent(theme) and the authenticator will only call it once user is in specific states
  but I need to set the right states for the authenticator when to call this method
  by 
  this._validAuthStates = ['signedIn'];</li>
  </ol></li>
  </ol>
  
  <p>but I don't understand where to call that method, I don't have access to this in any place.</p>
  
  <p>Help will be appreciated.</p>