title: How to focus a styled component?
body: <p>I have a styled component:</p>
  
  <pre><code>const StyledComponent = styled.div`
      ...
  `;
  </code></pre>
  
  <p>and I want to <code>focus</code> it when the component that uses it is mounted:</p>
  
  <pre><code>class someComponent extends React.Component {
      componentDidMount() {
          this.sc.focus();
      }
  
      render() {
          return (
              &lt;StyledComponent innerRef={(elem) =&gt; { this.sc = elem; }}&gt;
                  ...
              &lt;/StyledComponent&gt;
          );
      }
  }
  </code></pre>
  
  <p>this technique does not work - is there a solution for this?</p>