ag-grid rowData

[rcketscientist]

I can't get Storybook controls to update ag-grid rowData. I'm guessing this is an issue with controls not creating a new instance and ag-grid just comparing object instance.

export const rowData = [
    {make: "Toyota", model: "Celica", price: 35000},
    {make: "Ford", model: "Mondeo", price: 32000},
    {make: "Porsche", model: "Boxter", price: 72000}
];
export const LocalData: React.FC<GridProps> = (args) => <Grid {...args}></Grid>;

<Canvas>
    <Story name="LocalData" args={{
        gridOptions: gridOptions,
        rowData: rowData
    }}>
        { LocalData.bind({}) }
    </Story>
</Canvas>

Making changes to the rowData in Storybook doesn't update ag-grid. But if I set a timeout in onGridReady I can update the rowData. Walking thorough the code it does initiate a render on every control keypress, but does not actually change the grid. Is there a way to have controls make a new instance on changes (or is my assumption off)?

[rcketscientist]

Disregard. I had my state goofed.