title: grid component in materia ui
body: <p>I have this code and I get this error:</p>
  <pre><code>No overload matches this call.
    Overload 1 of 2, '(props: { component: ElementType&lt;any&gt;; } &amp; SystemProps&lt;Theme&gt; &amp; { children?: ReactNode; classes?: Partial&lt;GridClasses&gt;; ... 14 more ...; zeroMinWidth?: boolean; } &amp; CommonProps &amp; Omit&lt;...&gt;): Element', gave the following error.
      Property 'component' is missing in type '{ children: Element; item: true; lg: 4; mmd: number; md: 3; ssm: number; sm: 4; key: string; }' but required in type '{ component: ElementType&lt;any&gt;; }'.
    Overload 2 of 2, '(props: DefaultComponentProps&lt;GridTypeMap&lt;{}, &quot;div&quot;&gt;&gt;): Element', gave the following error.
      Type '{ children: Element; item: true; lg: 4; mmd: number; md: 3; ssm: number; sm: 4; key: string; }' is not assignable to type 'IntrinsicAttributes &amp; SystemProps&lt;Theme&gt; &amp; { children?: ReactNode; classes?: Partial&lt;GridClasses&gt;; ... 14 more ...; zeroMinWidth?: boolean; } &amp; CommonProps &amp; Omit&lt;...&gt;'.
        Property 'mmd' does not exist on type 'IntrinsicAttributes &amp; SystemProps&lt;Theme&gt; &amp; { children?: ReactNode; classes?: Partial&lt;GridClasses&gt;; ... 14 more ...; zeroMinWidth?: boolean; } &amp; CommonProps &amp; Omit&lt;...&gt;'.ts(2769)
  OverridableComponent.d.ts(17, 7): 'component' is declared here.
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>&lt;Grid
      item
      lg={4}
      mmd={4}
      md={3}
      ssm={6}
      sm={4}
      key={`col${item.id}`}
  &gt;
  </code></pre>
  <p>Why does this error happen?</p>