redux-devtools/packages/redux-devtools-inspector-monitor-trace-tab
renovate[bot] c781ac0624
chore(deps): update dependency @types/node to v20 (#1513)
* chore(deps): update dependency @types/node to v20

* Consolidate

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nathan Bierema <nbierema@gmail.com>
2023-10-24 21:15:35 +00:00
..
src chore(deps): update dependency prettier to v3 (#1434) 2023-07-12 18:03:20 +00:00
test chore(deps): update dependency prettier to v3 (#1434) 2023-07-12 18:03:20 +00:00
.eslintignore Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
.eslintrc.js chore(deps): update typescript-eslint monorepo to v6 (major) (#1436) 2023-09-03 22:56:58 -04:00
babel.config.esm.json Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
babel.config.json Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
CHANGELOG.md Version Packages (#1469) 2023-08-28 02:24:11 +00:00
jest.config.js chore(deps): update all non-major dependencies (#1478) 2023-09-27 08:23:14 -04: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 dependency @types/node to v20 (#1513) 2023-10-24 21:15:35 +00:00
README.md chore(deps): update dependency prettier to v3 (#1434) 2023-07-12 18:03:20 +00:00
tsconfig.json Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
tsconfig.test.json Use types in tscnofig to explicitly define global types (#1045) 2022-01-22 21:51:27 +00: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(
  <InspectorMonitor
    tabs: defaultTabs => [...defaultTabs, { name: 'Trace', component: TraceTab }]
  />
);
store/configureStore.js
// ...
const enhancer = compose(
  // ...
  DevTools.instrument({ trace: true }),
);
// ...

License

MIT