RangeError: Maximum call stack size exceeded

[leethree]

In React Native, we use 'core-js/stable/url' to polyfill the URL object. but since ~3.25 we are having this issue with cyclical dependency:

It looks like the following to modules are calling each other:

core-js/internals/make-built-in.js:

Function.prototype.toString = makeBuiltIn(function toString() {
  return isCallable(this) && getInternalState(this).source || inspectSource(this);
}, 'toString');

It's using inspectSource.

core-js/internals/inspect-source.js:

var functionToString = uncurryThis(Function.toString);

// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
if (!isCallable(store.inspectSource)) {
  store.inspectSource = function (it) {
    return functionToString(it);
  };
}

And it's using Function.toString which is overridden by make-built-in.js, which causes the infinite call loop.

This issue is probably caused by import order. The temporary workaround is to import /inspect-source.js before importing the polyfill. But we still believe it would be great to figure out how to resolve this properly.

[zloirock]

Could you add a reproducible example? It looks like incorrect core-js usage / transpiler settings.

[zloirock]

Closed as can't reproduce. Please, provide a reproducible example and I'll try to help you.

[Reeywhaar]

Indeed patched toString calls inspectSource and inspectSource calls toString

[zloirock]

@Reeywhaar inspectSource calls cached toString.

[Reeywhaar]

@zloirock thank you for enlightenment!

So, I've fixed my problem by adding the inlineRequires: false to my metro.config.js. This comment helped.

const config = {
  transformer: {
    getTransformOptions: async () => {
      return {
        transform: {
          inlineRequires: false,
        },
      }
    },
  },
}

It has nothing to do with core-js.

[Titozzz]

if you don't want to set all to false, you can do this

 getTransformOptions: () => ({
        transform: {
          experimentalImportSupport: true,
          inlineRequires: true,
          // Fix for core-js cyclic dependency that lead to require stack exceeded error
          nonInlinedRequires: ['../internals/inspect-source'],
        },
      }),