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
},
}