Trouble tracing CSS callback within Victory codebase

[dc2007git]

Hi everyone,

I've been having trouble tracing back a Victory-related error to its source. The error itself is the following:

Warning: 'Infinity' is an invalid value for the 'width' css style property.

And it traces through various Victory files, starting with victory-primitives/path.js, going through victory-line/lib/curve.js, victory-clip-container/victory-clip-container.js, victory-util/add-events.js, victory-clip-container/victory-clip-container.js, victory-group/lib/victory-group.js, victory-create-container/lib/create-container.js, victory-shared-events/lib/victory-shared-events.js, victory-chart/lib/victory-chart and then reaching some styled components files, and eventually reaching the definition of our custom component.

The Chart component itself is fully functional and renders with the expected behaviour, however when calling the testing suite, and when opening the console when interacting with the component, the error gets thrown.

Has anyone experienced this error before? Or if someone has any advice for how to troubleshoot it, it would be greatly appreciated.

Some context on my versioning:

npm 9.8.1
victory 36.6.11
react 18.2.0
node 18.18.0

[carbonrobot]

Hi @dc2007git do you have a small example reproduction? If not, you could try with our sandbox https://codesandbox.io/p/sandbox/victory-starter-dj4f7t