title: What is the proper way to enable the css prop in Emotion 11/Next js 10 apps
body: <p>The <code>css</code> prop is not recognized at build time. I'm unsure if this is due to misconfiguration of the project, or if this represents a known bug.</p>
  <blockquote>
  <p>Type '{ children: (string | number | boolean | {} | ReactElement&lt;any, string | ((props: any) =&gt; ReactElement&lt;any, string | ... | (new (props: any) =&gt; Component&lt;any, any, any&gt;)&gt;) | (new (props: any) =&gt; Component&lt;...&gt;)&gt; | ReactNodeArray | ReactPortal | Element)[]; className: string; css: SerializedStyles; }' is not assignable to type 'IntrinsicAttributes &amp; { theme?: Theme; as?: ElementType; } &amp; ClassAttributes &amp; HTMLAttributes&lt;...&gt; &amp; { ...; }'. Property 'css' does not exist on type 'IntrinsicAttributes &amp; { theme?: Theme; as?: ElementType; } &amp; ClassAttributes &amp; HTMLAttributes&lt;...&gt; &amp; { ...; }'</p>
  </blockquote>
  <p>To reproduce:</p>
  <p><a href="https://github.com/jbcurrie/jbcurrie.github.io/tree/next" rel="noreferrer">https://github.com/jbcurrie/jbcurrie.github.io/tree/next</a></p>
  <ol>
  <li>npm install</li>
  <li>open <code>NavMenu.tsx</code></li>
  <li>Inspect Line 18</li>
  </ol>
  <p>Expected behavior:</p>
  <p>The <code>css</code> prop should be recognized at build time.</p>
  <p>Environment information:</p>
  <ul>
  <li>react version: 17.0.1</li>
  <li>next version: 10.0.5</li>
  <li>@emotion/react version: 11.1.5</li>
  </ul>