Así que tengo un objeto de matriz productsByVendorPaginated que contiene una matriz anidada de datos llamados objects . Aquí está la estructura.

 "productsByVendorPaginated": { "objects": [ { "id": "d2e252ae-d0a9-4431-81ef-177c7fcacc16", "sellingPrice": 15000, "image": "http://ashewary.com/media/prod-image/1649447703.jpg" } ] }

Esto es lo que probé pero no obtuve nada, solo una pantalla en blanco.

 const DisplayData = datas?.productsByVendorPaginated?.objects ?.filter((vendors) => vendors?.id === id) ?.map((vendors) => { return ( <div class="flex justify-evenly items-center mt-10"> <div key={vendors.id} class=" mt-10 grid sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-5 " > <div> <div>{vendors.sellingPrice}</div> </div> </div> </div> ) })

¿Cuál es mi error aquí?

¿Cómo puedo mapear a través de una matriz de objects y mostrar valores en un div ?

Gracias