redux-devtools/packages/redux-devtools-inspector-monitor-trace-tab
renovate[bot] 0d4750ebba
chore(deps): update all non-major dependencies (#898)
Co-authored-by: Renovate Bot <bot@renovateapp.com>
2021-10-04 18:57:11 +00:00
..
src chore(*): switch to Yarn Plug'n'Play (#871) 2021-09-19 21:59:01 +00:00
test chore(*): upgrade to TypeScript 4.1 (#739) 2021-06-17 21:41:41 -04:00
.babelrc chore(*): clean up babel configs (#816) 2021-08-29 23:25:48 +00:00
.eslintignore chore(trace): rename trace-monitor to trace-tab (#650) 2020-10-04 00:11:22 -04:00
.eslintrc.js chore(*): move devDependencies back to packages (#870) 2021-09-18 23:47:03 +00:00
CHANGELOG.md chore(*): run prettier 2021-06-10 23:42:46 -04:00
jest.config.js chore(deps): update jest monorepo (major) (#791) 2021-08-27 16:08:40 +00:00
LICENSE.md chore(trace): rename trace-monitor to trace-tab (#650) 2020-10-04 00:11:22 -04:00
package.json chore(deps): update all non-major dependencies (#898) 2021-10-04 18:57:11 +00:00
README.md chore(*): make more packages scoped (#692) 2020-12-21 15:46:28 -05:00
tsconfig.json chore(trace): rename trace-monitor to trace-tab (#650) 2020-10-04 00:11:22 -04:00

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-monitor according to Walkthrough:

containers/DevTools.js
import React from 'react';
import { createDevTools } from '@redux-devtools/core';
import InspectorMonitor from '@redux-devtools/inspector-monitor';
import TraceTab from '@redux-devtools/inspector-monitor-trace-tab';

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

License

MIT