When the 'rows' property changes, Pagination component does not update

[mertsincan]

Test code;

const TestDemo = () => {
  const [products, setProducts] = useState([]);
  const [rows, setRows] = useState(5);
  const productService = new ProductService();

  useEffect(() => {
    productService.getProductsSmall().then((data) => setProducts(data));
  }, []); // eslint-disable-line react-hooks/exhaustive-deps

  return (
    <div>
      <div className="card">
        <Button label="Test" onClick={() => setRows(10)} />
        <DataTable value={products} rows={rows} paginator>
          <Column field="code" header="Code"></Column>
          <Column field="name" header="Name"></Column>
          <Column field="category" header="Category"></Column>
          <Column field="quantity" header="Quantity"></Column>
        </DataTable>
      </div>
    </div>
  );
};