title: Type '(CSSProperties | undefined)[]' is not assignable to type 'Properties<string | number, string & {}>'
body: <p>I have very simple tsx component like this</p>
  <pre><code>import React, { CSSProperties } from &quot;react&quot;;
  
  const INPUT: CSSProperties = {
    display: &quot;flex&quot;,
    flexDirection: &quot;row&quot;,
  };
  const TEXT_INPUT: CSSProperties = {
    fontWeight: &quot;bold&quot;,
    marginRight: &quot;10px&quot;,
  };
  const CONTAINER: CSSProperties = {
    alignItems: &quot;center&quot;,
    justifyContent: &quot;center&quot;,
    display: &quot;flex&quot;,
  };
  export interface AddNoteInterface {
    style?: CSSProperties;
  }
  export default function AddNote(props: AddNoteInterface) {
    const { style } = props;
    return (
      &lt;div style={[CONTAINER, style]}&gt;.  &lt;----- ts complaint here
        &lt;div style={INPUT}&gt;
          &lt;div style={TEXT_INPUT}&gt;Text input&lt;/div&gt;
          &lt;input /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>but when i use array for multi style, it give me error :</p>
  <pre><code>Type 'CSSProperties[]' is not assignable to type 'Properties&lt;string | number, string &amp; {}&gt;'.
    Types of property 'filter' are incompatible.
  </code></pre>
  <p>What happen??? Please help, thank you a lots</p>