Typescript-react-starter: How to support hot reload?

[Lxxyx]

This project is useful, but how to use hot reload?

[jaredpalmer]

Just drop this into your index.tsx

if (module.hot) {
  module.hot.accept();
}

[Lxxyx]

@jaredpalmer Thank you. Simple and useful. But when hot reload start, component state will be set to default state, how to resolve this problem?
May be I should stackoverflow this problem first.

[corydeppen]

@jaredpalmer Unfortunately, this will cause a compilation error since the latest typings for node don't include a hot property on the NodeModule type.

[jaredpalmer]

Just add @types/webpack-env

[jaredpalmer]

@types/webpack-env

[Lxxyx]

or you can use (module as any).hot.accept() @corydeppen

[NeekSandhu]

Maybe you're looking for this, since you mentioned losing state

https://github.com/gaearon/react-hot-loader

[nikhilyeole1]

Hot reload doesn't work for me. I have opened new issue.
https://github.com/Microsoft/TypeScript-React-Starter/issues/50

[priyanshuchauhan]

• npm install react-hot-loader --save-dev
• npm install --save-dev @types/webpack-env

In index.tsx:

(module as any).hot.accept();

ReactDOM.render(
  <App />,
  document.getElementById('root') as HTMLElement
);