remote-redux-devtools Hanging + out of memory error

I'm using remote-redux-devtools with remotedev-server, and sometimes when I have the redux-dev page open (e.g. localhost:${remotedev_port}), the page slows down to a crawl and eventually hangs/freezes.

I tried opening the page with Chrome DevTools open, and no logs were printed in the console. However, after a while Chrome paused my debugger before a potential out of memory crash.

This is what I see in remotedev-server logs:

connected to remotedev-server 1505773053566 - Origin: Worker (PID 29) [Warning] SocketProtocolError: Client pong timed out at SCSocket._onSCClose (/usr/local/lib/node_modules/remotedev-server/node_modules/socketcluster-server/scsocket.js:205:17) at Timeout. (/usr/local/lib/node_modules/remotedev-server/node_modules/socketcluster-server/scsocket.js:170:10) at ontimeout (timers.js:469:11) at tryOnTimeout (timers.js:304:5) at Timer.listOnTimeout (timers.js:264:5) 1505773403833 - Origin: Worker (PID 29) [Warning] SocketProtocolError: Client pong timed out at SCSocket._onSCClose (/usr/local/lib/node_modules/remotedev-server/node_modules/socketcluster-server/scsocket.js:205:17) at Timeout. (/usr/local/lib/node_modules/remotedev-server/node_modules/socketcluster-server/scsocket.js:170:10) at ontimeout (timers.js:469:11) at tryOnTimeout (timers.js:304:5) at Timer.listOnTimeout (timers.js:264:5)

Reopening the Chrome tab works, until it freezes/crashes again.

I see no impact on the NodeJS server that's dispatching the actions, or the redux devtools extension that's monitoring the front-end's store.

Sep 19 '17 15:09 ssynix

Just chiming in that I'm seeing a similar thing in Chrome as well as Firefox.

System Info: Macbook Pro 2017 Relevant Technologies:

@ngrx/store-devtools: ^5.0.1
Firefox/Chome Extension: 2.15.1

Reproduction case: I run my project that utilizes the the @ngrx/store-devtools after about actions (tiny modifications to state), the redux dev-tools freeze and eventually I get a notification that says "The Redux Dev Tools has crashed, please click here to reload".

I can inspect the dev-tools extension and I get a breakpoint in chrome with the warning/error: Paused before potential out of memory crash.

My breakpoint occurs at the for loop of this minified function of my window.bundle.js:

n.prototype.process = function(e, t) {
        var n = e;
        n.options = this.options();
        for (var r, o, i = t || e.pipe || "default"; i; )
            "undefined" != typeof n.nextAfterChildren && (n.next = n.nextAfterChildren,
            n.nextAfterChildren = null),
            "string" == typeof i && (i = this.pipe(i)),
            i.process(n),
            o = n,
            r = i,
            i = null,
            n && n.next && (n = n.next,
            i = o.nextPipe || n.pipe || r);
        return n.hasResult ? n.result : void 0
    }