Why does react number format input field lose focus in nextjs on production build

Question

Why some of the input fields in our nextjs project rendered using react-number-format lose focus while typing? No errors are being thrown and the build logs does not indicate that something has been broken.

This happens only on production build.

nextjs version is 12.0.7

react-number-format version is 4.8.0

Answer 1

Answering my own question in case someone come across the same issue:

After following nextjs upgrade guide from v11 to v12 we replaced Terser with SWC for minifying and after changing it back to Terser the issue was resolved.

in next.config.js file:

module.exports = withTM({
swcMinify: false,
...
})

This was also mentioned here as part of the nextjs feedback thread about SWC.