Maximum call stack size exceeded

[yordis]

I just install this to React Native Debugger and I got

bundle.js:9 Uncaught RangeError: Maximum call stack size exceeded

was in this chuck of code

  function i(e, t) {
        var n = null;
        return o(e, function(e) { // here
            e.name === t && (n = e)
        }, function(e) {
            return e.children
        }),
        n
    }

from this function

, function(e, t, n) {
    "use strict";
    function r(e) {
        return e && e.__esModule ? e : {
            default: e
        }
    }
    function o(e, t, n) {
        if (e) {
            t(e);
            var r = n(e);
            if (r)
                for (var i = r.length, a = 0; a < i; a++)
                    o(r[a], t, n)
        }
    }
    function i(e, t) {
        var n = null;
        return o(e, function(e) {
            e.name === t && (n = e)
        }, function(e) {
            return e.children
        }),
        n
    }
    function a(e) {
        var t = arguments.length <= 1 || void 0 === arguments[1] ? {} : arguments[1]
          , n = arguments.length <= 2 || void 0 === arguments[2] ? {
            name: t.key || "state",
            children: []
        } : arguments[2];
        if (!(0,
        c.default)(e) && e && !e.toJS)
            return {};
        var r = t.key
          , o = void 0 === r ? "state" : r
          , u = t.pushMethod
          , p = void 0 === u ? "push" : u
          , f = i(n, o);
        return null === f ? {} : ((0,
        l.default)(e && e.toJS ? e.toJS() : e, function(e, t) {
            var r = e && e.toJS ? e.toJS() : e
              , o = {
                name: t
            };
            if ((0,
            s.default)(r)) {
                o.children = [];
                for (var i = 0; i < r.length; i++) {
                    var l;
                    o.children[p]((l = {
                        name: t + "[" + i + "]"
                    },
                    l[(0,
                    c.default)(r[i]) ? "object" : "value"] = r[i],
                    l))
                }
            } else
                (0,
                c.default)(r) ? o.children = [] : o.value = r;
            f.children[p](o),
            a(r, {
                key: t,
                pushMethod: p
            }, n)
        }),
        n)
    }
    t.__esModule = !0,
    t.default = a;
    var s = r(n(147))
      , c = r(n(758))
      , l = r(n(760))
}

[yordis]

This was using mobx-state-tree btw, I am not sure if I should be using this to be honest.

[nazrdogan]

@yordis Did you solve this ? I have same issue.

[nazrdogan]

I found the problem. When I combine mulitple store to one and pass when pass root reference to child. it will give this error
For example like this.
i
When I remove this . problem went away. I think RN debugger cannot handle circular dependency.

class UserStore {...}
class TodosStore {...}

class Store {

    constructor() {
        this.user = new UserStore(this);
        this.todos = new TodosStore(this);
    }

}

[yordis]

@nazrdogan I am not using Mobx anymore.

[Fsarmento]

I am having the exact same problem. Did anyone found a way to avoid this error and keep the circular reference shown by @nazrdogan ?

[ValentinBlokhin]

have the same issue, any progress?