title: ts(2322) Property children does not exist on type 'Intrinsic attributes and Props'
body: <p>I'm getting the following error while trying to create a multimap with 'date' as the key and then iterate through the multimap which has arrays as it's values.</p>
  <blockquote>
  <p>Type '{children: never[]; key: string; Index: string; Item: SomeItem[]; }' is not assignable to type 'IntrinsicAttributes &amp; Props'. Property 'children' does not exist on type 'IntrinsicAttributes &amp; Props'. ts(2322)</p>
  </blockquote>
  <p>and not sure how to fix this</p>
  <pre><code>
     const History = () =&gt; {
     
    
     const [counter, setCounter] = useState(0);
     type SomeMap = Map&lt;string,  SomeItem[]&gt;;
     let map: SomeMap = new Map();
  
      //Items is of type SomeItem[]
      Items.foreach((item) =&gt;{
        if(map.has(item.date)){
         (map.get(item.date) ?? []).push(item);
         } 
        else{
         map.set(item.date,[item]);
         }
        });
  
        return(
          &lt;Accordian&gt;
           { map.foreach((value, index) =&gt; {
             setCounter(counter +1 );
             &lt;Task
              key={index}
              Index={counter.toString()}
              Item={value}&gt;
             &lt;/Task&gt;
           })}
          &lt;/Accordian&gt;
       );
     
      };
  
      
     
      type Props = {
       index: string;
       Item: SomeItem[];
      };
  
      const Task = (props:Props) =&gt; {
  
       const index = props.Index;
       const Item = props.SomeItem;
  
       
       render(/*Some Code*/);
      };
  
  
  </code></pre>