title: Type 'string | Date' is not assignable to type 'ReactNode'.. Typescript
body: <p>Fetching news headlines from an API and showing 10 news per page and theirs id's. which also refreshes in 10 seconds and new headlines come. TableHead mapping contents seems fine but tableBody providing this error:</p>
  <p><strong>Type 'string | Date' is not assignable to type 'ReactNode</strong></p>
  <pre><code>//Init post
  export interface InitPost {
    title: string;
    url: string;
    created_at: Date;
    author: string;
  }
  
  //state of post
  const [posts, setPosts] = useState&lt;InitPost[]&gt;([]);
  
  //colums
  const columns: readonly Column[] = [
    { id: &quot;title&quot;, label: &quot;Title&quot;, minWidth: 170 },
    { id: &quot;url&quot;, label: &quot;URL&quot;, minWidth: 150 },
    { id: &quot;created_at&quot;, label: &quot;Created At&quot;, minWidth: 100 },
    { id: &quot;author&quot;, label: &quot;Author&quot;, minWidth: 100 },
  ];
  </code></pre>
  <p>Table head part: Fine</p>
  <pre><code>                &lt;TableHead&gt;
                    &lt;TableRow&gt;
                      {columns.map((column) =&gt; (
                        &lt;TableCell
                          key={column.id}
                          align={column.align}
                          style={{ minWidth: column.minWidth }}
                        &gt;
                          {column.label}
                        &lt;/TableCell&gt;
                      ))}
                      &lt;TableCell /&gt;
                    &lt;/TableRow&gt;
                  &lt;/TableHead&gt;
  </code></pre>
  <p><strong>Error part</strong></p>
  <pre><code> &lt;TableBody&gt;
                    {posts.map((row, index) =&gt; {
                      return (
                        &lt;TableRow key={index}&gt;
                          {columns.map((column) =&gt; {
                            const value = row[column.id];
  
          ****next line showing Error in &quot;{value}&quot;****
  
                            return &lt;TableCell key={column.id}&gt;{value}&lt;/TableCell&gt;;
                          })}
                          &lt;TableCell&gt;
                            &lt;Button
                              size=&quot;small&quot;
                              variant=&quot;contained&quot;
                              onClick={() =&gt; getDetails(row)}
                            &gt;
                              Details
                            &lt;/Button&gt;
                          &lt;/TableCell&gt;
                        &lt;/TableRow&gt;
                      );
                    })}
                  &lt;/TableBody&gt;
  </code></pre>