- Download extension from
- Chrome Web Store
- Microsoft Edge Addons Store
- Firefox Addons Store (latest)
- Firefox Addons Store (upto V3.3)
- set
dispayNameprops inProvider
<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.