Rendering Posts and Pagination

index.js

let content = null;
    if (isLoading)
        content = <div>Loading...</div>;
    else {
				//Generating posts list
        content = (
            <ul>
                {props.posts.map(post => {
                    return <li key={post.id}>{post.title}</li>;
                })}
            </ul>
        );
    }

    return (
        <div className="container">
            <h1>Posts List with Pagination in Next.js</h1>
            <div className="posts">
                {content}
            </div>

            <ReactPaginate
                previousLabel={'previous'}
                nextLabel={'next'}
                breakLabel={'...'}
                breakClassName={'break-me'}
                activeClassName={'active'}
                containerClassName={'pagination'}
                subContainerClassName={'pages pagination'}

                initialPage={props.currentPage - 1}
                pageCount={props.pageCount}
                marginPagesDisplayed={2}
                pageRangeDisplayed={5}
                onPageChange={pagginationHandler}
            />
        </div>
    );