Dynamic Pagination Component - Copy this Html, Bootstrap Component to your project
<Pagination style={{ justifyContent: "center" }}> <Pagination.Prev disabled={currentPage === 1} onClick={() => setCurrentPage(currentPage 1)} /> {[...Array(5)].map((_, index) => ( <Pagination.Item key={index} active={currentPage === index + 1} onClick={() => setCurrentPage(index + 1)} > {index + 1} </Pagination.Item> ))} <Pagination.Ellipsis /> <Pagination.Item>{totalPages}</Pagination.Item> <Pagination.Next disabled={currentPage === totalPages} onClick={() => setCurrentPage(currentPage + 1)} /> </Pagination> please customize this code.
