diff --git a/Client/src/Components/MonitorTable/index.jsx b/Client/src/Components/MonitorTable/index.jsx index bf24fe8b3..977c6e918 100644 --- a/Client/src/Components/MonitorTable/index.jsx +++ b/Client/src/Components/MonitorTable/index.jsx @@ -94,7 +94,7 @@ const Status = ({ params }) => { * @returns {React.Component} Returns a table with the monitor data. */ const MonitorTable = ({ monitors = [] }) => { - const [page, setPage] = useState(1); + const [page, setPage] = useState(0); const rowsPerPage = 5; const handleChangePage = (event, newPage) => { @@ -102,7 +102,7 @@ const MonitorTable = ({ monitors = [] }) => { }; const mappedRows = monitors - .slice((page - 1) * rowsPerPage, page * rowsPerPage) + .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage) .map((monitor) => { const params = { url: monitor.url, @@ -161,8 +161,8 @@ const MonitorTable = ({ monitors = [] }) => { handleChangePage(event, value - 1)} shape="rounded" renderItem={(item) => (