title: Prevent React dev tools from changing props/state
body: <p>Is there a way to prevent any prop/state change from front-end on production?</p>
  
  <p>I tried following but it completely disables the dev tools:</p>
  
  <pre><code>if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
    for (let [ key, value ] of Object.entries(
      window.__REACT_DEVTOOLS_GLOBAL_HOOK__
    )) {
       window.__REACT_DEVTOOLS_GLOBAL_HOOK__[key] =
         typeof value === 'function' ? () =&gt; {} : null;
    }
  }    
  </code></pre>