Breathnote
react-springが本番環境でエラー(willAdvance is not a function ...)

react-springが本番環境でエラー(willAdvance is not a function ...)

react-springパッケージ内の"sideEffects": falseが原因。

webpackのTree Shakingで不要物が混ざることにより発生するエラーとのこと。

解決法

フレームワークにNext.jsを使っていたので、next.config.jsに以下を追加しました。

next.config.js
module.exports = {
  // react-spring | https://github.com/pmndrs/react-spring/issues/1078
  webpack: (config) => {
    config.module.rules.push({
      test: /react-spring/,
      sideEffects: true,
    })
    return config
  },
}