title: React does not recognize the `isActive` prop on a DOM element - styled-components
body: <p>I have the following <code>svg</code> component where I am passing props.</p>
  
  <pre><code>import React from 'react';
  export default (props) =&gt; (
    &lt;svg {...props}&gt;
      &lt;path
        d="M11.5 16.45l6.364-6.364"
        fillRule="evenodd"
      /&gt;
    &lt;/svg&gt;
  );
  </code></pre>
  
  <p>I then have a <code>styled-component</code> that looks like this. </p>
  
  <pre><code>const Icon = styled(_Icon)`
    ${props =&gt;
      props.isActive &amp;&amp;
      css`
        transform: rotate(-180deg);
      `};
  `;
  </code></pre>
  
  <p>I am seeing the following <code>react</code> error.</p>
  
  <blockquote>
    <p>Warning: React does not recognize the <code>isActive</code> prop on a DOM element. </p>
  </blockquote>