title: How to make react-typescript className to array
body: <p>So say I have a component with single reference to styles, works well</p>
  
  <pre><code>export const something = () =&gt; {
    return (
      &lt;div className={styles.myStyle}
    )
  }:
  </code></pre>
  
  <p>But say, I want to have a reference with multiple styles like</p>
  
  <pre><code>export const something = () =&gt; {
    return (
      &lt;div className={[styles.myStyle, styles.myOtherStyle]}
    )
  }:
  </code></pre>
  
  <p>Typescript throws an <code>error</code> says: </p>
  
  <blockquote>
    <p>The expected type comes from property 'className' which is declared here on type 'IntrinsicAttributes &amp; IntrinsicClassAttributes> &amp; Readonly> &amp; Readonly&lt;{ children?: ReactNode; }>'</p>
  </blockquote>
  
  <p>How would I change the <code>className</code> type to array to be able to accept the format I want?</p>