Спрятать пагинацию

import React, {useEffect, useState} from "react";
 
export function Header () {
        let [posts, setPosts] = useState([]);
        let [loading, setLoading] = useState(false);
        let [currentPage, setCurrentPage] = useState(1);
        let [postsPerPage, setPostsPerPage] = useState(9);
 
        let fetchPosts = async () => {
            setLoading(true);
            let response = await fetch('https://jsonplaceholder.typicode.com/comments');
            let data = await response.json();
            setLoading(false);
            setPosts(data);
        }
 
        useEffect(() => {
            fetchPosts()
        },[]);
 
        let indexOfLastPosts = currentPage * postsPerPage;
        let indexOfFirstPosts = indexOfLastPosts - postsPerPage;
        let currentPosts = posts.slice(indexOfFirstPosts, indexOfLastPosts);
        let paginate = pageNumber => setCurrentPage(pageNumber)
 
        let Pagination = ({postsPerPage, totalPosts, paginate}) => {
            let pageNumbers = [];
            for (let i = 1; i <= Math.ceil(totalPosts / postsPerPage); i++) {
                pageNumbers.push(i);
            }
            return (<nav>
                {pageNumbers.map(number => <li key={number}>
                    <a onClick={() => paginate(number)} href="!#">{number}</a>
                </li>)}
            </nav>)
        }
 
        return (<>
            {currentPosts.map(el => <div className='list' key={el.id}>{el.body}</div>)}
            <Pagination postsPerPage={postsPerPage} totalPosts={posts.length} paginate={paginate}/>
        </>)
}

Math.min(10, Math.ceil(totalPosts / postsPerPage))