src/utils/render-dev-tools/index.tsx
import * as React from 'react'
import { environment } from 'settings'
export default function renderDevTools (noPanel = false) {
if (environment.development) {
const { configureDevtool } = require('mobx-react-devtools')
configureDevtool({
logEnabled: true,
updatesEnabled: false,
graphEnabled: false,
logFilter: (change: any) => change.type === 'reaction',
})
const DevTools = require('mobx-react-devtools').default
return <DevTools noPanel={noPanel} />
}
return null
}