React.js Creating a Dynamic table with Dynamic Columns and Dynamic Rows

Question

Im fairly new to React and I have a react function component called DynamicTable. I am passing some json data from an api that looks like this:

const tableDat