Gatsby: [v2][Gatsby Link] Error when hot reloading: React-hot-loader reconciliation failed

[ryanditjia]

Minimal reproduction repo

Steps to reproduce:

1. Clone the repo and run development server
2. Edit anything in src/pages/index.js to trigger hot reload

React-hot-loader: reconciliation failed – "could not dive into [" – "Go back home" – "] while some elements are still present in the tree."

Where "Go back home" is the children prop of Link

[KyleAMathews]

Is this an error or something we can fix?

[KyleAMathews]

I'm not 100% sure what it means.

[ryanditjia]

My bad for poor explanation. They’re errors that browser throws every time hot reloading occurs.

[KyleAMathews]

Yes but what do they mean? Are they something we can fix?

[ryanditjia]

I’m not sure. This issue in react-hot-loader’s repo seems related: https://github.com/gaearon/react-hot-loader/issues/1034

[KyleAMathews]

Hmm ok, so we can hide them at least. It'd be nice to know if they're indicating a problem or not in our implementation.

[LekoArts]

This error is also flooding my console :(

[ryanditjia]

Looks like errors no longer show. Closing.

[mrdbeck]

Errors still showing for me

[ryanditjia]

Have you upgraded Gatsby and its packages to rc.0?

EDIT: major error from my end, looks like error is still there. Reopening.

[cezarneaga]

add this to your layout.js file:

import {setConfig} from 'react-hot-loader';
setConfig({logLevel: 'no-errors-please'});

at least for now it should close the issue. stems from react-hot-loader

[mrdbeck]

Cheers @cezarneaga

Can confirm the fix removes the errors

[ryanditjia]

I’m not seeing this anymore (even without the fix). Closing issue in 24 hours, please stop me if anyone is still getting it.