I'm trying to load a line chart within AG Grid for React. I have my Grid component and include the chart as a value for one of the grid rowData keys.
const [rowData] = useState([
{ '#': 1, name: "Coin", price: 100, 'Price last 7 days': <GridChartsModule options={options} /> }
]);
<div className="ag-theme-alpine" style={{height: 400, width: 1400, margin: '0 auto'}}>
<AgGridReact
rowData={rowData}
columnDefs={columnDefs}>
</AgGridReact>
</div>
When I run this it gives me [object Object] instead of actually rendering the chart. How can you add charts inline within AG Grid?