How can one tell the version of React running at runtime in the browser?

Question

Is there a way to know the runtime version of React in the browser?

Answer 1

With the React Devtools installed you can run this from the browser console:

__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.forEach(r => console.log(`${r.rendererPackageName}: ${r.version}`))

Which outputs something like:

react-dom: 16.12.0

Answer 2

To know the react version, Open package.json file in root folder, search the keywork react. You will see like "react": "^16.4.0",

Answer 3

In index.js file, simply replace App component with "React.version". E.g.

ReactDOM.render(React.version, document.getElementById('root'));

I have checked this with React v16.8.1

Answer 4

From command line to view react version, npm view react version

Answer 5

Open Chrome Dev Tools or equivalent and run require('React').version in the console.

That works on websites like Facebook as well to find out what version they are using.

Answer 6

For an app created with create-react-app I managed to see the version:

1. Open Chrome Dev Tools / Firefox Dev Tools,
2. Search and open main.XXXXXXXX.js file where XXXXXXXX is a builds hash /could be different,
3. Optional: format source by clicking on the {} to show the formatted source,
4. Search as text inside the source for react-dom,
5. in Chrome was found: "react-dom": "^16.4.0",
6. in Firefox was found: 'react-dom': '^16.4.0'

The app was deployed without source map.