ResizeObserver loop completed with undelivered notifications

[victor-pluta]

Describe/explain the bug
Error "ResizeObserver loop completed with undelivered notifications" gets thrown when resizing the browser windows with nivo charts on it rapidly.

To Reproduce
Create react app
npm nivo charts and other packages needed to run
create a page with some responsive* charts
resize browser window rapidly and error appears.

Expected behavior
error is shown

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Chrome
• Version: 123

[yan2441]

I faced the same problem. The difference is that each chart is set in individual resizable containers, and on first render or any resize of the container, it throws this error

[yan2441]

update : the issue happen only on Responsive variant of charts also i think it has something to do with useMeasure hook,
@plouc can u check this plz
used lib versions
node :21
typescript:4.9.4
react :17.0.2
react script : 5.0.1
@nivo/core : 0.85.1
@nivo/pie : 0.85.1
@nivo/line: 0.85.1

[yan2441]

update :
i found a workaround to make normal static chart responsive by wrapping chart with referenced div and listing to the changes as and passing width and height of the div as prams to the charts