I am using webpack + babel to enable polyfills. It works in Edge, but in IE 11 it throws 'Symbol' is undefined.

The error is referencing this line, more specifically character 29 in this row which is the first underline of __webpack_exports__.

/* harmony default export */__webpack_exports__[default]={name:'BCheckbox',props:{value:[String,Number,Boolean,Function,Object,Array,Symbol],nativeValue:[String,Number,Boolean,Function,Object,Array,Symbol],indeterminate:Boolean,type:String,disabled:Boolean,required:Boolean,name:String,size:String,trueValue:{type:[String,Number,Boolean,Function,Object,Array,Symbol],default:true},falseValue:{type:[String,Number,Boolean,Function,Object,Array,Symbol],default:false}},data:function data(){return{newValue:this.value};},computed:{computedValue:{get:function get(){return this.newValue;},set:function set(value){this.newValue=value;this.$emit('input',value);}}},watch:{/**

Why am I getting this error?

Edit:

I am using Laravel Mix which has this default babel configuration and here is my .babelrc:

{

  presets: [

    [

      @babel/preset-env, 

      {

        targets: {

          browsers: [IE 11, last 2 versions]

        }

      }

    ]

  ]

}