Quiero ordenar los datos según la popularidad que se da en el obj

Pero esto no es ordenar el obj

Estoy usando API son datos, datos.productos

 import "./styles.css"; import React, { useState, useEffect } from "react"; import axios from "axios"; export default function App() { const [data, setData] = useState([]); useEffect(() => { axios .get("https://mindler-dashboard.s3.us-east-2.amazonaws.com/products.json") .then((res) => { console.log(res.data); setData(res.data); }); }, []); return ( <div className="App"> {data.products && Object.keys(data.products) .sort((a, b) => b.popularity - a.popularity) .map((key) => { return ( <div> <h3>{data.products[key].title}</h3> <h5>{data.products[key].price}</h5> <h5>{data.products[key].popularity}</h5> </div> ); })} </div> ); }