Remove widget from React APP

Question

Im starting to learn React and I use the following repo:

https://github.com/Hashnode/mern-starter

as a starter for creating full-stack react application , the problem is that when you run this project out of the box you get some widget which looks like following

I try many things to in order to remove it, what is it this widget how can I disable it?

I try to remove it from the postReducer and nothing happen... how to search for it and disable it ?

Answer 1

If you look at this line of code:

render() {
    return (
      <div>
        {this.state.isMounted && !window.devToolsExtension && process.env.NODE_ENV === 'development' && <DevTools />}
        <div>
          <Helmet...

https://github.com/Hashnode/mern-starter/blob/master/client/modules/App/App.js#L34

you'll see the devToolsExtension being added if NODE_ENV is development.

You can remove that line if you do not want the dev tools to show up.