Sometimes the code by itself cuts off single line into an ellipsis

[prrenish]

I have tried all the options that are available except break-all because that will cut of words for me. This occurs not on a regular interval but on dynamic updated so is there any way to fix this currently have tried everything but still the same.

<ResponsiveEllipsis
          component='article'
          className='ellipsis-text'
          text={text}
          maxLine={2}
          trimRight={false}
          onReflow={handleReflow}
          basedOn={"words"}
          ellipsis='...Read More'
          style={{ whiteSpace: "pre-wrap", wordBreak: "break-word" }}
      /> 

Thanks in advance