title: Getting 'is not assignable to type' error on react component, how can I understand it better?
body: <p>I'm building this component to test out react-spring library. I started it on codesandbox then pulled it locally to my pc. When I pulled it down this error came up and I am not sure how to interpret it or what is causing it. I'm pretty new to typescript so any help is much appreciated.</p>
  
  <p>At first, I thought it could be wrong type for <code>children</code> prop, but then realized it's actually <code>width</code> and <code>height</code>, now I am not sure if it's a <code>styled-components</code> (since the error appears under <code>StyledCard</code>) or if when you use a children render prop method you have to specify your types differently.. </p>
  
  <pre><code>import * as React from "react"
  import styled from "styled-components"
  
  const StyledCard = styled.div`
    width: ${(props: any) =&gt; props.width}px;
    height: ${(props: any) =&gt; props.height}px;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
      0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    text-align: center;
  `
  
  interface ICardProps {
    children?: React.ReactNode
    width?: number
    height?: number
  }
  
  const Card: React.FC&lt;ICardProps&gt; = ({ width, height, children }) =&gt; {
    return (
      &lt;StyledCard width={width} height={height}&gt;
        {children}
      &lt;/StyledCard&gt;
    )
  }
  
  export default Card
  </code></pre>
  
  <p>This is the error I get:</p>
  
  <pre><code>Type '{ children: ReactNode; width: number | undefined; height: number | undefined; }' is not assignable to type 'IntrinsicAttributes &amp; Pick&lt;Pick&lt;Pick&lt;DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;, "style" | "title" | "key" | "defaultChecked" | "defaultValue" | ... 246 more ... | "onTransitionEndCapture"&gt; &amp; { ...; }, "style" | ... 251 more ... | "onTransitionEndCapture"&gt; &amp; Partial&lt;...&gt;, "style" | ... 251 mor...'.
    Property 'width' does not exist on type 'IntrinsicAttributes &amp; Pick&lt;Pick&lt;Pick&lt;DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;, "style" | "title" | "key" | "defaultChecked" | "defaultValue" | ... 246 more ... | "onTransitionEndCapture"&gt; &amp; { ...; }, "style" | ... 251 more ... | "onTransitionEndCapture"&gt; &amp; Partial&lt;...&gt;, "style" | ... 251 mor...'.ts(2322)
  </code></pre>