title: React.forwardRef Causes Error with Styled Component
body: <p>I am running React 16.3.1 and Styled Components 3.2.5 currently and am hitting an issue trying to use React.forwardRef.</p>
  
  <p>I have an Input component that is comprised of a wrapper div that holds the label and input field. However, I want to be able to forward a ref directly to the input field and not have to traverse to it via the primary wrapping div.</p>
  
  <pre><code>const Input = React.forwardRef((props, ref) =&gt; (
    &lt;Wrapper&gt;
      &lt;Label htmlFor={props.id} required={props.required}&gt;
        {props.label}
      &lt;/Label&gt;
  
      &lt;InputField
        id={props.id}
        ...
      /&gt;
    &lt;/Wrapper&gt;
  ));
  </code></pre>
  
  <p>That is a simplified version of my component. However, this creates the following error:</p>
  
  <pre><code>Uncaught Error: Cannot create styled-component for component: [object Object]
  </code></pre>
  
  <p>Maybe upgrading Styled Components to v4 would help? But is there any solution before upgrading that I haven't found yet?</p>
  
  <p>Thank you.</p>