redux-devtools-trace-monitordeprecated

Submonitor for Redux DevTools inspector to show stack traces. Based on react-error-overlay and the contribution of Mark Erikson in the PR from remotedev-app.

Usage no npm install needed!

<script type="module">
  import reduxDevtoolsTraceMonitor from 'https://cdn.skypack.dev/redux-devtools-trace-monitor';
</script>

README

Redux DevTools Stack Trace Monitor

Submonitor for Redux DevTools inspector to show stack traces. Based on react-error-overlay and the contribution of Mark Erikson in the PR from remotedev-app.

It's integrated in Redux DevTools browser extension. To use it separately with redux-devtools and redux-devtools-inspector according to Walkthrough:

containers/DevTools.js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import Inspector from 'redux-devtools-inspector';
import TraceMonitor from 'redux-devtools-trace-monitor';

export default createDevTools(
  <Inspector
    tabs: defaultTabs => [...defaultTabs, { name: 'Trace', component: TraceMonitor }]
  />
);
store/configureStore.js
// ...
const enhancer = compose(
  // ...
  DevTools.instrument({ trace: true })
);
// ...

License

MIT