Skip to content

A simple method to disable the React Developer Tools addon to access your application

License

Notifications You must be signed in to change notification settings

fvilers/disable-react-devtools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

disable-react-devtools

A simple method to disable the React Developer Tools addon to access your application

Support

If you use and like this library, feel free to support my Open Source projects.

donate

How to install

npm i @fvilers/disable-react-devtools

or

yarn add @fvilers/disable-react-devtools

How to use

Call the disableReactDevTools() method before React is loaded, in your main file.

import React from 'react';
import ReactDOM from 'react-dom';
import { disableReactDevTools } from '@fvilers/disable-react-devtools';
import App from './App';

if (process.env.NODE_ENV === 'production') {
  disableReactDevTools();
}

ReactDOM.render(<App />, document.getElementById('root'));

How it works

The disableReactDevTools() method will look for the React Developer Tools global hook and replace its properties and methods to prevent the plugin registration process.

About

A simple method to disable the React Developer Tools addon to access your application

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published