import React from 'react'
// Exported from redux-devtools import { createDevTools } from 'redux-devtools'
// Monitors are separate packages, and you can make a custom one import LogMonitor from 'redux-devtools-log-monitor' import DockMonitor from 'redux-devtools-dock-monitor'
// createDevTools takes a monitor and produces a DevTools component const DevTools = createDevTools(
// Monitors are individually adjustable with props. // Consult their repositories to learn about those props. // Here, we put LogMonitor inside a DockMonitor. <DockMonitor toggleVisibilityKey='ctrl-h' changePositionKey='ctrl-q' defaultIsVisible={false}> <LogMonitor theme='tomorrow' /> </DockMonitor>
)
export default DevTools