Updating `resultsPerPage` prop doesn't update table without external data

If I create a Griddle component that doesn’t use external data, and pass in a value for the resultsPerPage prop, the Griddle component renders as expected with the specified number of results per page. However, if I then update the value of that prop, the number of results per page in the Griddle component doesn’t change. I’ve tried using React.cloneElement to clone the Griddle component every time my container re-renders, but there’s no change. Anyone have a fix or workaround?

[jackgeek]

@giantyellowrobot btw- you can just give a new unique key prop to a component and that will force the component to unmount/remount

[twolfe2]

@giantyellowrobot Instead of unmounting and remounting, I use the custom externalSetPageSize={yourSetPageSizeFunc}when creating my Griddle table. Then whenever the page size is changed yourSetPageSizeFunc(newPageSize) will be called.

Within yourSetPageSizeFunc I make an API call for my data using the newPageSize.

I keep track of the table size in my Redux store and updated that as well.