"Waiting for roots to load..." message in React dev tools

[joseprio]

Observed Behaviour

Inferno app isn't showing properly in Chrome dev tools React tab, even though it's using using inferno-devtools.

Expected Current Behaviour

The inferno app should show in the Chrome dev tools React tab

Inferno Metadata

Inferno 7.1.12; works in Inferno 5.6.1, but seems to be broken since 6.0.0-rc.0

To reproduce, I created a very simple app using create-inferno-app, and added the Inferno dev tools; here's the modified index.js:

import {initDevTools} from 'inferno-devtools';
import { render } from 'inferno';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: http://bit.ly/CRA-PWA
serviceWorker.unregister();

[joseprio]

React dev tools properly detect it, but never finishes loading, showing a Waiting for roots to load... message

[Havunen]

Its possibly broken by some update to react-devtools browser addon. I think it would be more future proof to build our own browser addon. But for now lets just fix this.

[Havunen]

Fixed 7.1.13

[joseprio]

@Havunen awesome! Thanks for taking care of this.