React project gives react-hot-loader error

It seems like starting the default react project with npm run dev-server will give the following errors related to react-hot-loader:

React-Hot-Loader: misconfiguration detected, using production version in non-production environment.

React-Hot-Loader: Hot Module Replacement is not enabled.

This is for an Outlook Add-In with React and Javascript

[denkristoffer]

You can add hot: true to the devServer configuration object in webpack.config.js to make the error go away:

devServer: {
  headers: {
    'Access-Control-Allow-Origin': '*',
  },
  hot: true,
  https:
    options.https !== undefined
      ? options.https
      : await devCerts.getHttpsServerOptions(),
  port: process.env.npm_package_config_dev_server_port || 3000,
}

[akrantz]

Thanks for coming up with a solution. I’ve moved this issue over to https://github.com/OfficeDev/Office-Addin-TaskPane-React/issues/39.

This is the repository for the TypeScript version of the React template (which I presume will also need this fix), and we then merge changes into the JavaScript version in https://github.com/OfficeDev/Office-Addin-TaskPane-React-JS.