Escribí este código hace un tiempo y volví para intentar limpiarlo eliminando la matriz de mapas y los controladores de la operación de renderizado, pero sigo recibiendo errores de sintaxis. ¿Cómo podría hacer esto? Recibo el mismo error: Error de sintaxis: token inesperado, esperado "," pero variando en cómo trato de separarlo.

 if (!sales) { return ( <div> <Spinner /> </div> ); } return ( <ul> {sales.map((result) => { const { sale_id, buyer, seller, listing_price, listing_symbol, created_at_time, } = result; function HandleBuyerClick() { window.location = '/user/' + buyer; } function HandleSellerClick() { window.location = '/user/' + seller; } if (buyer !== null) { return ( <Card> <li key={sale_id}> <h3> <Transaction> <Button onClick={HandleSellerClick}>{seller}</Button> </Transaction>{' '} just sold item number <Transaction> <Button>{sale_id}</Button> </Transaction>{' '} to <Transaction> <Button onClick={HandleBuyerClick}>{buyer}</Button> </Transaction>{' '} for <Transaction>{formatNumber(listing_price)}</Transaction>{' '} {listing_symbol} at {parseTimestampJM(created_at_time)} </h3> </li> </Card> ); } })} </ul> );