Cómo cambiar el color de fondo de una fila

Tengo este código, necesito hacer lo siguiente: si {row.BB} <= 100, entonces mostrar el fondo de la fila que tenga este número en color rojo. ¿Cómo lo puedo hacer? Este código está conectado a una base de datos y utiliza un archivo JSX.

return (
        <>
            <navigation></navigation>
            <box bg="{'white'}" w="100%" p="{4}" m="{4}" color="black" rounded="{'md'}">
                     <table size='sm' variant='striped' colorscheme='gray'>
                         <thead>
                             <tr>
                                <th>A</th>
                                <th>B</th>
                                <th>C</th>
                             </tr>
                         </thead>
                         <tbody>
                         {file.map((row, index) => (
                             <tr key="{index}"> 
                                 <td>{row.AA}</td>
                                 <td style="{row.BB" <="100" {backgroundcolor:="" 'red'}="" :="" null}="">{row.BB}</td>
                                 <td>{row.CC}</td>
                             </tr>
                         ))}
                         </tbody>
                     </table>
            </box>

    );