next.js - truncation not occurring until window resized

[oldo]

Hi there, I am using react-text-truncate on a SSR project using next.js and am finding that on initial page load the text is un-truncated, although truncation occurs after resizing the window:

Initial page load:

After window resized:

Has anyone come across this issue before and is there a way around it?
Thanks!

[ShinyChang]

Hi @oldo,
This module is using the canvas to dynamic calculate the text length base on the bounding box of the container. But It should truncate the text after mounted...

I didn't setup the SSR project with next.js before, maybe it has some different behavior.
Will be better if you can provide me the MVP of this issue then I can look into it.