Optional chaining in distributed code breaks webpack 4

[stephenhand]

We are bundling using webpack 4 (this is mandated by the external Twilio framework we use to build and we can't upgrade it)

A single '?.' operator in your output 'dist/module.js' file on line 2013 is breaking the bundling. Manually replacing this with an if check in the node_modules file allows webpack to work.

I see you have addressed similar issues before #727 - would it be possible to fix this one as well?

[ehsanpo]

I had same issue, solved it by forcing babel to check emoji-mart

{
  test: /\.jsx?$/,
  loader: 'happypack/loader?id=babel',
  exclude: /node_modules\/(?!(emoji-mart)\/).*/,
  },

[cue232s]

Solution was similar for me:

{
  test: /\.jsx?$/,
  exclude: /node_modules\/(?!(emoji-mart)\/).*/,  // Include emoji-mart
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
      plugins: ['@babel/plugin-proposal-optional-chaining']  // Handles optional chaining
    }
  }
}