[DataGrid] Change page index base, from 1 to 0

[dtassone]

Breaking changes

• [DataGrid] Change page index base, from 1 to 0. This change is done for consistency with TablePagination and JavaScript arrays that are 0-based. Material-UI still uses a 1-base page for the Pagination component that matches the URL's query.

  -const [page, setPage] = React.useState(1);
  +const [page, setPage] = React.useState(0);
  
  return (
    <div className="grid-container">
     <DataGrid rows={rows} columns={columns} page={page} />
    </div>

---

fix #852

[DanailH]

Why do we need it here? Is it to load the second page?

[dtassone]

Is it to load the second page?

No it's for the component. As it's 0 indexed, we need to add 1 to convert it to the page number from the index

@material-ui/lab/Pagination is 1-based.

[oliviertassinari]

• Broken demo: https://deploy-preview-1021--material-ui-x.netlify.app/components/data-grid/pagination/#server-side-pagination
• Broken demo: https://deploy-preview-1021--material-ui-x.netlify.app/components/data-grid/pagination/#apiref
• Could you add a breaking change section in the description of the pull request? In a format that we can then copy & paste once we do the changelog for the next release.