title: Typescript React component not rendering
body: <p>I have a <code>Cars</code> component that will have multiple <code>Car</code> components inside. I have some checks to make sure the <code>Car[]</code> is not undefined or null. But <code>Car</code> is not being rendered</p>
  <p>console log of carobj is: <code>Object { id: 5, year: 2009, make: &quot;honda&quot;, model: &quot;civic&quot;, price: 18000, person_id: 1, created_at: &quot;2022-03-12T05:56:18.526Z&quot;, updated_at: &quot;2022-03-12T05:56:18.526Z&quot; }</code></p>
  <p>just before I pass the data into the <code>car</code> component</p>
  <p>cars.tsx:</p>
  <pre><code>import {car, Car} from './car';
  interface cars {
      cars?: car[];
  }
  function Cars (props: cars) {
      return (
          &lt;div className=&quot;carcontainer&quot;&gt;
              &lt;h2&gt;cars container&lt;/h2&gt;
              {props.cars &amp;&amp; props.cars?.length &gt; 0 &amp;&amp; props.cars!!.map((carobj: car, idx) =&gt; {
                  console.log(carobj);
                  let {year, make, model, price, person_id } = carobj;
                  &lt;Car year={year} make={make} model={model} price={price} person_id={person_id} key={idx} /&gt;
                  // &lt;Car {...carobj} key={idx}/&gt;
              })}
              &lt;/div&gt;
      )
  }
  export default Cars;
  </code></pre>
  <p>and my car.tsx component:</p>
  <pre><code>
  export interface car {
      year: number,
      make:string,
      model: string,
      price: number,
      person_id: number,
  }
  
  export function Car (props: car) {
      console.log(props.year);
      return (
          &lt;div className=&quot;car&quot;&gt;
              &lt;h3&gt;
                  car:{props.year} {props.make} {props.model} {props.price}
                  &lt;/h3&gt;
              &lt;/div&gt;
      )
  }
  
  </code></pre>
  <p>the consolelog of <code>props.year</code> inside the <code>Car</code> doesn't show up in the console.</p>
  <p>I've tried spreading the props and also explicitly passing the props in.</p>
  <p>No errors show up in the reactapp or in the console. What am I doing wrong? Thanks</p>