Rails 6 - Bootstrap - Webpacker Failed To Compile - ruby-on-rails

Question

My google foo is failing my here folks. The issue is clearly the underscores in the MAX_UID which is easy enough to fix manually but not when I'm running the deployment.
Any ideas about what loader I need and where to configure this? It seems to be #babel/preset-env but I'm struggling to get this configured as a laoder
ERROR in ./node_modules/bootstrap/js/src/util/index.js 8:17
Module parse failed: Identifier directly after number (8:17)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| */
|
> const MAX_UID = 1_000_000;
| const MILLISECONDS_MULTIPLIER = 1000;
| const TRANSITION_END = 'transitionend';
# ./node_modules/bootstrap/js/src/alert.js 8:0-50 78:0-18
# ./app/javascript/js/bootstrap_js_files.js
# ./app/javascript/packs/application.js
# multi ./app/javascript/packs/application.js ./app/javascript/packs/application.scss
babel.config.js
module.exports = function (api) {
var validEnv = ['development', 'test', 'production', 'staging']
var currentEnv = api.env()
var isDevelopmentEnv = api.env('development')
var isProductionEnv = api.env('production')
var isTestEnv = api.env('test')
if (!validEnv.includes(currentEnv)) {
throw new Error(
'Please specify a valid `NODE_ENV` or ' +
'`BABEL_ENV` environment variables. Valid values are "development", ' +
'"test", and "production". Instead, received: ' +
JSON.stringify(currentEnv) +
'.'
)
}
return {
presets: [
isTestEnv && [
'#babel/preset-env',
{
targets: {
node: 'current'
}
}
],
(isProductionEnv || isDevelopmentEnv) && [
'#babel/preset-env',
{
forceAllTransforms: true,
useBuiltIns: 'entry',
corejs: 3,
modules: false,
exclude: ['transform-typeof-symbol']
}
]
].filter(Boolean),
plugins: [
'babel-plugin-macros',
'#babel/plugin-syntax-dynamic-import',
isTestEnv && 'babel-plugin-dynamic-import-node',
'#babel/plugin-transform-destructuring',
[
'#babel/plugin-proposal-class-properties',
{
loose: true
}
],
[
'#babel/plugin-proposal-object-rest-spread',
{
useBuiltIns: true
}
],
[
'#babel/plugin-proposal-private-methods',
{
loose: true
}
],
[
'#babel/plugin-proposal-private-property-in-object',
{
loose: true
}
],
[
'#babel/plugin-transform-runtime',
{
helpers: false
}
],
[
'#babel/plugin-transform-regenerator',
{
async: false
}
]
].filter(Boolean)
}
}