title: className does not exist on type 'IntrinsicAttributes & Props'
body: <p>I have two components. One imports another. But typescript throws an error inside Login.tsx, saying:</p>
  <blockquote>
  <p>&quot;Property 'className' does not exist on type 'IntrinsicAttributes &amp;
  Props'&quot;</p>
  </blockquote>
  <p>Login.tsx:</p>
  <pre><code>import React, { ReactElement } from 'react';
  import Form from './Form/Form';
  
  import styles from './Login.module.scss';
  
  interface Props {}
  
  function Login({}: Props): ReactElement {
    return (
      &lt;div className={styles.container}&gt;
        &lt;Form className={styles.form}&gt;Form&lt;/Form&gt;
      &lt;/div&gt;
    );
  }
  
  export default Login;
  </code></pre>
  <p>Form.tsx:</p>
  <pre><code>import React, { ReactElement } from 'react';
  
  interface Props {
    children: React.ReactNode;
  }
  
  function Form({}: Props): ReactElement {
    return (
      &lt;div&gt;
        &lt;h1&gt;TESTY&lt;/h1&gt;
      &lt;/div&gt;
    );
  }
  
  export default Form;
  </code></pre>
  <p>How can I solve it? Thanks in advance for your time!</p>