title: How to pass a custom prop from App to cell for react-table v7?
body: <p>This is how I render my Table body:</p>
  
  <pre class="lang-js prettyprint-override"><code>        &lt;tbody {...getTableBodyProps()}&gt;
            {rows.map((row, i) =&gt; {
              prepareRow(row);
              return (
                &lt;Row {...row.getRowProps()}&gt;
                  {row.cells.map((cell) =&gt; {
                    // return &lt;td {...cell.getCellProps()}&gt;{cell.render("Cell")}&lt;/td&gt;;
                    return cell.render("Cell");
                  })}
                &lt;/Row&gt;
              );
            })}
          &lt;/tbody&gt;
  </code></pre>
  
  <p>This is how I setup columns. I created unique components for each cell.</p>
  
  <pre class="lang-js prettyprint-override"><code>[
    {
      Header: "Main Header",
      Footer: "Foot",
      columns: [
        {
          Header: "Code",
          accessor: "NominalCode",
          Cell: (props) =&gt; {
            return &lt;CodeCell&gt;{props.cell.value}&lt;/CodeCell&gt;;
          },
          Footer: () =&gt; {
            return &lt;FooterTotalCell&gt;Total&lt;/FooterTotalCell&gt;;
          }
        },
        {
          Header: "Description",
          accessor: "Description",
          Cell: (props) =&gt; {
            return (
              &lt;DescriptionCell country={props.row.values.Currency}&gt;
                {String(props.cell.value)}
              &lt;/DescriptionCell&gt;
            );
          },
          Footer: () =&gt; {
            return &lt;td /&gt;;
          }
        }
  ]
  </code></pre>
  
  <p>I want to pass a function as a prop from my main App.jsx file to <code>DescriptionCell</code> component. This function will be used to do some onClick functionality inside <code>DescriptionCell</code>.</p>
  
  <p>How can I do this?</p>
  
  <p>Thanks.</p>