<li className={clsx('page-item', {
disabled: isLoading || pagination.page === 1,
})}><a onClick={()=>updatePage(1)} style={{cursor: 'pointer'}} className="page-link">First</a></li>
...
<li className={clsx('page-item', {
disabled: isLoading || pagination.page === pagination.links?.length! - 2,
})}><a onClick={()=>updatePage((pagination.links?.length! - 2))} style={{cursor: 'pointer'}} className="page-link">Last</a></li>