If text property is a string that is less than maxLine, the ellipsisNode still shows. The maxLine prop should be static in my useCase but the text is dynamic.
Image attached
<Ellipsistext='My short text'ellipsis={ellipsisState}maxLine={3}reflowOnResizeonEllipsisClick={toggleReadMore}ellipsisNode={<strong> ...{ellipsisState ? t('readMore') : t('readLess')}</strong>}endExcludes={[' ',',','.']}/>
When integrating react-ellipsis with a Nextjs project, I see this issue in the server log:
Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes.
Could you fix it using something like useisomorphiclayouteffect. Thank you.