Redux-devtools: Include expandable stack-trace for actions, in the "Inspector" tab

Created on 16 Jun 2017 · 2Comments · Source: reduxjs/redux-devtools

This is a feature proposal, similar to: https://github.com/evgenyrodionov/redux-logger/issues/158

Source

Venryx

👍2

Most helpful comment

For others wanting this behavior, this is the workaround I'm currently using:

    const store = createStore(
        [...]
        compose(
            [...]
            applyMiddleware([
                store=>next=>action=> {
                    // add stack, so we can inspect in redux-devtools
                    action["stack"] = new Error().stack.split("\n").slice(1);
                    const returnValue = next(action);
                    return returnValue;
                },
            ]),
        )
    );

The result (make sure you open the "Action" panel, rather than the "Diff" panel):

Venryx on 16 Jun 2017

👍4

All 2 comments

For others wanting this behavior, this is the workaround I'm currently using:

    const store = createStore(
        [...]
        compose(
            [...]
            applyMiddleware([
                store=>next=>action=> {
                    // add stack, so we can inspect in redux-devtools
                    action["stack"] = new Error().stack.split("\n").slice(1);
                    const returnValue = next(action);
                    return returnValue;
                },
            ]),
        )
    );

The result (make sure you open the "Action" panel, rather than the "Diff" panel):

Venryx on 16 Jun 2017

👍4

We finally implemented that in 2.17.0. Thanks for the suggestion!