Listo solucionado para todo aquel que tenga el mismo problema. Lo soluciono chatgpt con el siguiente codigo:
return (
<div className="contenedor-details">
{
props.products.map((element) => {
if (element.id === idCategory) {
return (
element.items.map(items => {
if (items.idProduct == idItem) {
console.log(element.items.idProduct)
return (
<div>
<img src={items.img} className='imgs-card' />
<div className="informacion-details">
<p>{items.nameProduct}</p>
<p>{items.description}</p>
<p className="precio-details">{items.price}<span>.99</span></p>
<button>Comprar</button>
</div>
</div>
)
}
})
)
} else {
return null;
}
})
}
</div>
)