React Typescript Pagination Array Page Numbers

 2 3 4 5 6 7 8 9 10

 2 3 . . . 9 10

FooterPagination.tsx

        <div className="pagination-col2">
            <div onClick={() =>{
                setPage(page - 1)
            }} className="left"><FaAngleLeft className='icon'/></div>
            {range?.map((el, index) =>{
                return(
                    <div key={index}>
                        <div className='range-spread'>{el}</div>
                    </div>
                )
            })}
            <div onClick={() =>{
                setPage(page + 1)
            }} className="right"><FaAngleRight className='icon'/></div>
        </div>