Me gustaría cambiar el color a verde del elemento "tr.amount" si es > 0

Probé con el siguiente código, pero me da este error: TypeError no detectado: no se pueden establecer propiedades de indefinido (estableciendo 'color')

¡Gracias por adelantado!

 {userData.transactions.length > 0 && userData.transactions.map((tr) => ( <tr className="border"> <td> <span className="history-category">{tr.category}</span></td> <td className="amount">{tr.amount > 0 ? tr.amount.style.color = "green" : tr.amount.style.color = "red"}</td> <td>{tr.date}</td> </tr> ))}