title: Type '{children: Element; align: string;}' is not assignable to type 'IntrinsicAttributes & OmitCommonProps<DetailedHTMLProps>'
body: <p>When I add to <code>Box</code> a prop <code>align=&quot;center</code></p>
  <p><code>&lt;Box align=&quot;center&quot;&gt;</code></p>
  <p>it shows me ann error like:</p>
  <p><code>Type '{children: Element; align: string;}' is not assignable to type 'IntrinsicAttributes &amp; OmitCommonProps&lt;DetailedHTMLProps&lt;DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDiveLEMENT&gt;, HTMLDivElement&gt;, keyof ChakraProps&gt; &amp; ChakraProps &amp; {...;}. Property &quot;align odes not exist on type 'InstrinicAttributes &amp; OmitCommonProps'</code></p>
  <pre class="lang-js prettyprint-override"><code>  &lt;Text p={2} align=&quot;center&quot; color=&quot;black&quot; fontWeight={500} fontSize=&quot;xl&quot;&gt;
          &lt;Box align=&quot;center&quot;&gt; // here's the error
            {description === &quot;Odpady segregowane&quot; ? (
              &lt;Text color=&quot;#9CAD60&quot;&gt;
                {description} &lt;IoTrash size=&quot;32px&quot; /&gt;
              &lt;/Text&gt;
            ) : (
              &lt;Text color=&quot;black&quot;&gt;
                {&quot; &quot;}
                {description} &lt;IoTrashOutline size=&quot;32px&quot; /&gt;
              &lt;/Text&gt;
            )}
          &lt;/Box&gt;
        &lt;/Text&gt;
  </code></pre>