title: React - How can I let visitors use react dev tools but can not edit states and props
body: <p>i've been working on a react app and i thought that the react dev tools is only available on the dev version of the app but i was surprised that I can use it on the production version, can even change routes and states and other stuff. And I don't want to completely disable react dev tools from the app (by adding a script to the index.html to unload it).
  So what i wanna do is disable editing on the react dev tools like in facebook.com's (you can open the react dev tools there but you can't edit any prop or state which is cool) 
  So is there any good way to do it without disabling the whole react dev tools ?</p>