question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Remove `react-hot-loader`

See original GitHub issue

It causes way more issues than it fixes.

It’s a matter of removing it from babel options

    plugins: [dev && !isServer && hotLoaderItem, dev && reactJsxSourceItem].filter(Boolean)

becomes

    plugins: [dev && reactJsxSourceItem].filter(Boolean)

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:7
  • Comments:9 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
oliviertassinaricommented, Jun 19, 2018

I confirm, it works like a charm with @material-ui/styles. I have also the feeling that the end-to-end time for hot reloading has greatly improved 🚀 .

2reactions
timneutkenscommented, May 29, 2018

It’s a little more involved than just removing the babel plugin. Also requires to rewrite the provider component they have to handle errors with componentDidCatch. I’m planning to fix this after a bug fix when using _app.js

Read more comments on GitHub >

github_iconTop Results From Across the Web

Trying to remove 'react-hot-loader' from final bundle using ...
I want to remove react-hot-loader from my production bundle. And I also want a single App.js file. That should work for DEV and...
Read more >
react-hot-loader - npm
Please remove React-Hot-Loader if Fast Refresh is currently supported on your environment. React Native - supports Fast Refresh since 0.61.
Read more >
Remove `react-hot-loader` · Issue #4494 · vercel/next.js - GitHub
It's a matter of removing it from babel options plugins: [dev && !isServer && hotLoaderItem, dev && reactJsxSourceItem].filter(Boolean) ...
Read more >
Getting Started · React Hot Loader - Dan gaearon
React Hot Loader is a plugin that allows React components to be live reloaded without the loss of state. It works with Webpack...
Read more >
Hot Module Replacement - webpack
Luckily, there are a lot of loaders out there (some of which are mentioned below) that will make hot module replacement much easier....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found