Estava fazendo um teste de dentro da pagina Categoria.jsx, se remorver o <Route exact path={${path}/}> e deixar apenas o <ListaPost url={/posts?categoria=${id}}> o programa funciona do msm jeito, gostaria de enteder se é realmente necessario...
Antes:
return (
        <>
            <div className="container">
                <h2 className="titulo-pagina">
                    Pet Notícias
                </h2>
            </div>
            <ListaCategorias/>
            <Route exact path={`${path}/`}>
                <ListaPost url={`/posts?categoria=${id}`}></ListaPost>
            </Route>
        </>
    )depois
        return (
        <>
            <div className="container">
                <h2 className="titulo-pagina">
                    Pet Notícias
                </h2>
            </div>
            <ListaCategorias/>
            <ListaPost url={`/posts?categoria=${id}`}></ListaPost>
        </>
    )