import React, { Suspense } from 'react';
let Foo = React.lazy(() => import('./Foo'));
console.log(Foo);
function App() {
return <div>
<div>Hello Mako!</div>
<Suspense fallback={<div>Loading...</div>}>
<Foo />
</Suspense>
</div>;
}
export { App };
Modify Foo.tsx, expect HMR but actually RELOAD THE PAGE.