React Dev Tools – TypeError: Cannot read property 'constructor' of null

I just added a conditional return to BitMidi’s Footer component so it sometimes returns null.

The React Dev Tools immediately stopped working when I did that, with the following error:

TypeError: Cannot read property 'constructor' of null
    at createReactElement (devtools.js:19)
    at createReactCompositeComponent (devtools.js:89)
    at updateReactComponent (devtools.js:144)
    at createReactCompositeComponent (devtools.js:122)
    at updateReactComponent (devtools.js:144)
    at Object.componentAdded (devtools.js:236)
    at Object.preact.options.afterMount (devtools.js:374)
    at flushMounts (preact.js:98)
    at diff (preact.js:111)
    at render (preact.js:370)

The added line is here: https://github.com/feross/bitmidi.com/blob/d1fe2d39f9a99a307a86d38bdfd265510613b00f/src/views/footer.mjs#L13

Removing this line makes the error go away. Disabling React Dev Tools also makes the error go away.

• Preact 8.3.1
• React Dev Tools 3.3.0

I’m sorry that this is not a small test case, but I wanted to check if anyone had any idea what’s going on here first. Is this a known bug?

[feross]

Sorry for not replying – been away from GitHub. Thanks for fixing the issue @marvinhagemeister

[pasierb]

@feross Had the same issue when using custom redirect component. Thought that instant redirect might be an issue so pushed it to next frame

componentWillMount() { setTimeout(() => { route(this.props.to, true); }, 0) }

Solved the problem for me. Hope it helps