Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
- Download extension from
- Chrome Web Store
- Microsoft Edge Addons Store
- Firefox Addons Store (latest)
- Firefox Addons Store (upto V3.3)
- set dispayName props in Provider
<MyContext.Provider value={{ a: 'hello', b: 'world' }} displayName="Context Display Name">
<YourComponent />
</MyContext.Provider>or
- assign display name in Context
MyContext.displayName = "Context Display Name";- reducer function name is use as displayName in debug
- Chrome : right click on react-context-devtool icon and click on "Options"
- Firefox : right click on react-context-devtool icon and click on "Manage Extenstion" and select "Preferences" tab
| Name | Type | Default | Description |
|---|---|---|---|
| Start Debugging | On Extensions Load | true | Start data capturing after extenstion is opened in dev panel (recommended) |
| On Page Load | false | Start data capturing after page load | |
| Enable Debug | useReducer | true | enable/disable useReducer debug. Available only in development mode |
| Context | true | enable/disable context debug |
This extension requires React Developer Tools installed on your browser to work. Try to install the extension and restart the browser to fix it.
MIT
Cross-browser testing provided by Browserstack.