Пытаюсь разобраться с react-hot-loader, но что-то не получается Делаю таким образом:

Question

Пытаюсь разобраться с react-hot-loader, но что-то не получается Делаю таким образом:

import { hot } from "react-hot-loader/root";
import React from "react";

const App = () => <div>123</div>;

export default hot(App);

и index.js:

import * as React from "react";
import { render } from "react-dom";
import App from "./App";

render(<App />, document.getElementById("app"));

контент просто пустой, если же делать так:

import { hot } from "react-hot-loader";
import React from "react";

const App = () => <div>123</div>;

export default hot(module)(App);

то всё грузится и работает, но это вроде устаревший способ, мб есть идеи почему так?