I'm using Material-UI Datagrid and I'm having an issue with the pagination. I have an api that will accept a page # and a limit like this page=${page}&limit=10`). Once the api is hit and returns 10 rows, I store those 10 rows along with any pagination data that Laravel is sending with paginate. It will look like this.
What is odd, is this is the right data for the first page but the pagination shows that it is the second page of data.
Here is what data the datagrid has from looking at the components tab in the console

On initial load, this is what happens with the pagination
This is what the component looks like


