title: Meteor accounts {{> atForm }} not showing
body: <p>I have a problem displaying the standard Meteor user accounts login template <strong>{{> atForm }}</strong> in my React based Meteor application. </p>
  
  <p>I am using a wrapper component to display Blaze based templates in my React application. I am trying to implement the standard login form of Meteors useraccounts package. But when I am using <strong>{{> atForm }}</strong> in the Blaze Template the login form is not displayed. But when I lock a specific state like <strong>{{> atForm state='signUp'}}</strong> then the form is displayed. </p>
  
  <p><strong>Wrapper Component</strong></p>
  
  <pre><code>import React, {Component} from 'react';
  import ReactDOM from 'react-dom';
  export default class AccountsUI extends Component{
  
  componentDidMount() {
      this.view = Blaze.render(Template.LoginTemplate,
      ReactDOM.findDOMNode(this.container));
  }
  
  
  componentWillUnmount(){
      Blaze.remove(this.view);
  }
  
  render () {
      return &lt;span ref={(ref) =&gt; this.container = ref} /&gt;
  }
  }
  </code></pre>
  
  <p><strong>Blaze Template</strong></p>
  
  <pre><code>&lt;template name="LoginTemplate"&gt;
      {{&gt; atForm }} //Not displayed
      {{&gt; atForm state='signUp'}} // Displayed
  &lt;/template&gt;
  </code></pre>
  
  <p>But also other internal states like {<strong>{> atForm state='signIn'}}</strong> are not displayed as well.</p>
  
  <p><strong>Packages in .meteor</strong></p>
  
  <pre><code>useraccounts:unstyled
  accounts-password
  </code></pre>
  
  <p>Do you have a suggestion why this is the case and how I can resolve this problem ?
  Thanks in advance.  </p>