New update on Redux devtools breaks Jira site

[BigsonLvrocha]

With the new 3.0.4 version of the redux-devtools that went live yesterday the jira page won't load at all, just the side menu and some parts of the page, uninstalling the extension fixes the problem

I came here and saw no update was made, is there something wrong?

---

Update by @timdorr:
A fixed version is pending review with Google. In the meantime, I've posted some workarounds here: #1032 (comment)

[Methuselah96]

Here's the update: https://github.com/reduxjs/redux-devtools/releases/tag/creat. Taking a look.

[bersamtrustyou]

I can confirm this.

[Methuselah96]

I'm having trouble reproducing the issue. I've loaded up a test Jira project and things seem to be working. What should I be trying to reproduce the issue?

[bersamtrustyou]

@Methuselah96 You're trying it on Jira Cloud which is Atlassian new product. In our case we are using Atlassian JIRA Project Management Software (v7.6.2) and exactly the same issue is happening as @BigsonLvrocha explained with 3.0.4.

[Methuselah96]

Alright, I'm publishing a revert, not sure how long it will take to go through (it takes anywhere from a couple hours to a day). If you need Redux DevTools in the meantime you can try out Redux DevTools - Next.

[haskellcamargo]

I'm an Atlassian developer and can confirm we've got more reports of this issue, and that disabling the Redux extension fixes the issue. Thanks for looking into this.

[Methuselah96]

@haskellcamargo Is there a way for me to test this out so I can figure out what's going on? I'm having trouble figuring out how to access the non-cloud version of Jira.

[haskellcamargo]

@Methuselah96 the issue is happening in Jira Cloud per our reports. I'm setting up a tenant to reproduce the issue. Once I'm able to do so, I can give you access to it.

[haskellcamargo]

All the production tenants I've provisioned seem to be unaffected. I'm only able to reproduce the issue in our internal staging network. I'll post here some details we know about the problem:

• The first error happens in a file with the following expression: this.vent.on = .... With Redux Devtools disabled, this has the context of the function. With it enabled, this refers to the global window object.
• I suspect Redux is proxying some values and improperly setting the value of this

A snippet of the offending code was found by inspecting the source tab in the Chrome devtools. The code is part of Marionette JS 2.1.0. We might be able to find the original source in the Backbone org.

g = function () {
    this._channels = {};
    this.vent = {};
    this.commands = {};
    this.reqres = {};
    this._proxyMethods();
};
_.extend(g.prototype, {
    channel: function (name) {
        if (!name) throw Error('Channel must receive a name');
        return this._getChannel(name);
    },
    _getChannel: function (name) {
        var channel = this._channels[name];
        channel || ((channel = new h.Channel(name)), (this._channels[name] = channel));
        return channel;
    },
    _proxyMethods: function () {
        // In this method, `this` refers to `window` when Redux Devtools is enabled. It refers to `g` otherwise.
        _.each(
            ['vent', 'commands', 'reqres'],
            function (a) {
                _.each(
                    ['on', 'off', 'trigger', 'once', 'stopListening', 'listenTo', 'listenToOnce'],
                    function (b) {
                        var e = this;
                        // This is the line that fails due to the issue above:
                        this[a][b] = function (c) {
                            var d = e._getChannel(c)[a],
                                f = Array.prototype.slice.call(arguments, 1);
                            return d[b].apply(d, f);
                        };
                    },
                    this,
                );
            },
            this,
        );
    },
});

[camoore1979]

I can confirm that the extension breaks Jira (standard cloud). Specifically, my ability to access Kanban and Scrum boards. I'm able to view and edit tickets but get the following when I go to our scrum board. Disabling the Redux Dev Tools extension fixes the problem & everything works.

[Methuselah96]

Thanks for the helpful info. I'm able to reproduce the Uncaught TypeError: Cannot read properties of undefined (setting 'on') error it just doesn't break the view for me. Digging into it.

[haskellcamargo]

@Methuselah96 no worries! What screen are you on? Do you mind pasting the relative path to it? These files get loaded on pretty much every page, but they're absolutely necessary only for some of them, such as classic backlogs and boards (company managed). It might be the case you're testing on a next-gen board (also known as team managed).

[Methuselah96]

I'm on jira/software/projects/TEST/boards/1. I just created a test Jira board today to try to figure out what was going on, so I'm guessing I'm on the next-gen board.