Установить ширину элемента на основе строки, которой нет в элементе ⇐ CSS

[Anonymous]

У меня есть компонент React, который может отображать ту или иную строку.
const MyComponent = (props: {
readonly textA: string;
readonly textB: string;
readonly renderB: boolean;
}) => {
return {props.renderB ? props.textB : props.textA};
};

Проблема в том, что когда я использую это и включаю и выключаю renderB, ширина компонента может меняться в зависимости от того, какая строка отображается. Я хочу, чтобы ширина компонента соответствовала более длинной из двух строк.
Как я могу взять максимальную длину textA и textB и использовать ее для определения ширину моего компонента?
Например, это может выглядеть примерно так:
const MyComponent = (props: {
readonly textA: string;
readonly textB: string;
readonly renderB: boolean;
}) => {
const widthA = /* compute the width of props.textA */;
const widthB = /* compute the width of props.textB */;

return (

{props.renderB ? props.textB : props.textA}

);
};


Подробнее здесь: https://stackoverflow.com/questions/790 ... he-element