Per my comment above, it’s looking like react-hot-loader wants the @hot-loader/react-dom package instead of standard react-dom:
- https://github.com/gaearon/react-hot-loader#react–dom
- https://github.com/hot-loader/react-dom
Personally I’m a little concerned with swapping that out though since react-dom is a core part of any react-based application. Also it seems based on some of the linked issues and code comments that maybe this is just a short-term workaround to support new react features like hooks.
So I guess there’s two options:
- Wait a little longer to see if they drop that requirement (and maybe run into a few edge cases for hot loading).
- Follow the instructions to get rid of the warning.
Update
You can disable the warning like so:
import { hot, setConfig } from 'react-hot-loader'
setConfig({
showReactDomPatchNotification: false
})