Estoy usando la ventana de reacción para implementar una lista de mensajes de chat, pero me estoy atascando tratando de establecer el tamaño de elemento itemSize para cada elemento. Sucede que un mensaje de chat, basado en la longitud de su texto y el ancho de la ventana, no siempre tiene una altura prefijada (o una altura que pueda calcular de manera simple).

Actualmente estoy usando VariableSizeList y el código se ve así

 <AutoSizer> {({ height, width }) => ( <List height={height} itemCount={messages.length} itemSize={(index) => messages[index].isReply ? 118 : 79} /* THIS IS CURRENTLY WRONG, DOESN'T PICK ALL CASES!*/ width={width} > {({ index, style }) => ( <ChatMessage key={index} style={style} ... /> )} </List> )}

¿Hay alguna manera de establecer la altura del elemento de la fila de la lista igual a la altura REAL de su contenido?