Line Chart Breaking with NextJS after upgrading to 0.65.1

Describe/explain the bug The lines on my ResponsiveLine component are messed up after upgrading to version 0.65.1. Just to make sure, I downgraded to 0.64.0 and the ResponsiveLine components looked great again.

Console Error with static site hosted locally or on Vercel

TypeError: r.willAdvance is not a function

To Reproduce The easiest way is to clone the repo below and try running yarn prod with each version of @nivo/line and you’ll see the problems with 0.65.1 locally. I also have this hosted on Vercel (with version 0.65.1).

Broken version hosted on Vercel Github Repo

Thanks!

[wmcb91]

@p45mark @plouc

I found an additional solution to work with Next 10.0.3 and the most recent Nivo release (^0.67.0). It will work for any folks who are having trouble running your provided prebuild script in their environments. You can fix the TypeError: r.willAdvance is not a function issue by adding this webpack config function to your next.config.js file:

module.exports = {
  ...
  webpack: config => {
    config.module.rules.push({
      test: /react-spring/,
      sideEffects: true,
    })

    return config
  },
}

[plouc]

@p45mark we also have this issue and we fixed it by using this script, it should be run prior to build.