Hola Buenas tardes, no se si les pasa a todos pero encuentro que al usar el Hook useResolvedPath, la URL Concatena varias veces las subcategorias, creando una URL errada. Lo que hice fue usar directamente la URL que corresponde con el id de la categoria y la subcategoria tal que así:
<ul className="category-list container flex">
{subcategorias.map((subcategoria) => (
<li className={`category-list__category category-list__category--${id}`} key={subcategoria}>
/* en vez de usar la url obtenida del hook, usamos la url armada con los argumentos que corresponde */
{/* <Link to={`${url}/${subcategoria}`}>{subcategoria}</Link> */}
<Link to={`/categoria/${id}/${subcategoria}`}>{subcategoria}</Link>
</li>
))}
</ul>
Espero ayude, Chao!