Grid and axis in time series line charts doesn't appear on webpack production mode

github repository: https://github.com/alditiadika/power-meter-client

Describe/explain the bug I am using the @nivo/line version 0.67.0, brotli-webpack-plugin, and time series data on a scale of 30 to 50 seconds. In development mode everything is fine, but in production mode, the axis and grid on the line chart does’nt appear. I’ve tried downgrading @nivo/line to version 0.60.0 and still get the same thing.

But when I switch routes, and a few moments later I return to the previous route, the axis and grid appear as in development mode.

.

and when my browser reloads, the axes and grids doesn’t appear again.

Additional There is an error: Error: <path> attribute d: Expected moveto path command ('M' or 'm'), "null" and TypeError: r.willAdvance is not a function in the console which I think may be related to this.

Browser Chrome

Thanks.

[psyzz]

downgrading to 0.64.0 i still have this error : Error: <path> attribute d: Expected moveto path command (‘M’ or ‘m’), “null”

But the grid works now

[Kichiyaki]

It’s a problem with react-spring (https://github.com/pmndrs/react-spring/issues/1078). A temporary workaround is to downgrade @nivo/line and @nivo/core to version <=0.64.0.