title: error TS2322: Property 'css' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'
body: <p>I've recently decided to move my codebase from JS to TS to add Type checking. I also use the <code>styled-components</code> library.</p>
  <p>However, i'm running into the following issue:</p>
  <pre><code>error TS2322: Type '{ children: string; css: string; }' is not assignable to type 'DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;'.
    Property 'css' does not exist on type 'DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;'.
  </code></pre>
  <p>Here is a basic code example:</p>
  <pre><code>import React from 'react'
  const MyComponent: React.FC = (props) =&gt; {
      return (
          &lt;div css={`
              padding: 44px;
          `}&gt;
              My content
          &lt;/div&gt;
      )
  }
  </code></pre>
  <p>Please note that my <code>tsconfig.json</code> <code>compilerOptions</code> look like this:</p>
  <pre><code>&quot;compilerOptions&quot;: {
          &quot;composite&quot;: true,
          &quot;declaration&quot;: true,
          &quot;outDir&quot;: &quot;./dist&quot;, // https://www.typescriptlang.org/tsconfig#outFile
          &quot;rootDir&quot;: &quot;./src&quot;,
          &quot;jsx&quot;:&quot;react&quot;,
          &quot;types&quot;: [&quot;@types/styled-components&quot;],
          &quot;module&quot;: &quot;commonjs&quot;,
          &quot;target&quot;: &quot;es5&quot;,
          &quot;sourceMap&quot;: true,
          
          &quot;declarationMap&quot;: true,
          &quot;noEmitOnError&quot;: true,
          &quot;skipLibCheck&quot;: true,
          &quot;esModuleInterop&quot;: true,
          &quot;noUnusedLocals&quot;:true,
          &quot;noUnusedParameters&quot;:true,
          &quot;allowJs&quot;:true,
          &quot;noEmit&quot;: false
      }
  </code></pre>
  <p>Can anyone point me in the right direction to solve the type of the <code>css</code> attribute ?</p>