Disable chrome react DevTools for production

by

According to an issue on Github, you can add run a single javascript line before react is loaded to prevent it.

From #191 of react-devtools

<script>
window.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function () {}
</script>

Then, you may consider wrapping this with your environment condition, like that you could do sth like below in your server side rendering. Let’s say Pug (formerly known as Jade):

#{process.env.NODE_ENV == 'production' ? "window.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function(){}" : ""}

However, it would be still a good practice to put the business logic and the sensitive data back to your server.

More Related Contents:

  1. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  2. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  3. Is there a way to render multiple React components in the React.render() function?
  4. Weird behavior with objects & console.log [duplicate]
  5. Suppress Chrome ‘Failed to load resource’ messages in console
  6. “SyntaxError: Unexpected token < in JSON at position 0"
  7. ReactJS – Does render get called any time “setState” is called?
  8. React onClick function fires on render
  9. Jquery load() only working in firefox?
  10. React Js conditionally applying class attributes
  11. Get element CSS property (width/height) value as it was set (in percent/em/px/etc)
  12. Violation Long running JavaScript task took xx ms
  13. How to access a child’s state in React
  14. Is there any way to update a specific index from the array in Firestore
  15. Detecting when user scrolls to bottom of div with React js
  16. ES6 array map doesn’t return anything: ReactJS
  17. Why React Hook useState uses const and not let
  18. What happens to code after a javascript redirect (setting window.location.href)?
  19. ‘load’ event not firing when iframe is loaded in Chrome
  20. How target DOM with react useRef in map
  21. Event target is null inside functional setState
  22. Forcing garbage collection in Google Chrome
  23. Sort an array of objects in React and render them
  24. How can I update an object inside of an array in firestore? [duplicate]
  25. Increase JavaScript Heap size in create-react-app project
  26. Global state in React Native
  27. On React Router, how to stay logged in state even page refresh?
  28. Deep nested array of objects not rendering
  29. Why would we use useEffect without a dependency array?
  30. Get scroll position with Reactjs

Leave a Comment