In useResizeObserver, prefer useLayoutEffect over useEffect for more accurate layout measurements.

[nstksean]

First, I would like to express my sincere gratitude for all your efforts in creating such a fantastic product.

I have integrated the Zone Painter component and its functionalities into my own project, but I encountered some errors during execution.

After investigating, I discovered that the issue seems to stem from the use of useEffect.
As you know, useLayoutEffect fires synchronously after all DOM mutations but before the browser paints,
while useEffect runs asynchronously after the browser has painted.

Using useEffect might result in certain situations where the ref is not yet created when useEffect runs, leading to errors.
I wonder if replacing useEffect with useLayoutEffect might resolve these issues.

Thank you very much for taking the time to read this suggestion.

[hawkeye217]

When I was developing the zone/mask editor, I tried both hooks and saw no difference. I stuck with useEffect to remain consistent. Your application likely behaves differently than Frigate. There have been no reported issues, so there's no reason for us to introduce changes at this point. But thank you for your suggestion.

[nstksean]

Thank you for your reply.
Have a nice day.