React-map-gl: "'Reflect' is undefined" error in ie11

[lopno]

in the code snippet

  function ExtendableBuiltin() {
    var instance = Reflect.construct(cls, Array.from(arguments));
                   ^^^^^^^ 'Reflect' is undefined
    Object.setPrototypeOf(instance, Object.getPrototypeOf(this));
    return instance
  }

Is there a specific polyfill I need to include to use react-map-gl on ie11, or is this a bug in this project?

Let me know if there is any specific information you need from me.

Thanks in advance :)

EDIT: seems to be an issue in the math.gl project. The code is crashing in ./node_modules/math.gl/dist/esm/lib/math-array.js.

[Pessimistress]

This is from babel-plugin-transform-builtin-extend. Though according to its README it's only an issue for IE<=10?

[lopno]

@Pessimistress this is definitely an IE11 issue, since I encountered the issue on IE11.

[daraclare]

I've encountered this issue in IE11 as well, is there a fix? Thanks!

[Pessimistress]

I'm working on this. I don't have a Windows machine so a little difficult for me to test. On the other hand, math.gl is not a hard dependency. Removing it entirely might be easier to do.

[daraclare]

In our app, I resolved this error and a few others by adding the following polyfills:

import 'core-js/fn/array/from';
import 'core-js/fn/number/is-finite';
import 'core-js/fn/reflect';
import 'core-js/fn/symbol';

[Pessimistress]

@lopno @daraclare Try [email protected]

[daraclare]

I'm afraid [email protected] didn't work for me. I cannot get it to run in IE11 without the following polyfills, (one more required since I added zoom buttons):

import 'core-js/es6/symbol';
import 'core-js/fn/array/from';
import 'core-js/fn/number/is-finite';
import 'core-js/fn/reflect';
import 'core-js/fn/symbol/iterator.js';

The mapbox example here runs in IE11, if that's any use to you.

[lopno]

@Pessimistress I will test 4.0.3 as soon as possible and post the results! 👍

[Pessimistress]

@daraclare you still need the other polyfills, but reflect should no longer be necessary (hopefully)

[lopno]

I have tested it on IE 11 with the following polyfills, and it works beautifully:

import "react-app-polyfill/ie11";
import "react-app-polyfill/stable";

Sorry for the long response time, and thanks for fixing this!

[sonuyadav-nagarro]

after adding
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

ie11 gives 'out of space' error
please help @lopno