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.

Using react-error-overlay as a standalone module

See original GitHub issue

react-error-overlay package looks amazing. Is there any documentation on how to use react-error-overlay independently? I am trying to use it in a project bootstrapped with react-boilerplate.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:15
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

14reactions
gaearoncommented, May 24, 2017

We don’t officially support using it directly quite yet. In other words there may be more breaking changes and little documentation for a while since we’re still iterating on it.

But if you’re feeling brave:

  1. Import react-error-overlay in development config before application code. (example)
  1. Use its middleware in WebpackDevServer config.

Hope it helps!

5reactions
insincommented, Mar 19, 2018

https://github.com/smooth-code/error-overlay-webpack-plugin is something you can either use directly in your Webpack setup or use as an example if you want to add it manually.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using react-error-overlay as a standalone module #10544
Same here, wanna to use react-error-overlay as a standalone module through webpack, any updates would be appreciated! All reactions.
Read more >
Cannot find module 'react-error-overlay/middleware' - Stack ...
I'll use the dependency in your package.json as an example, the line: "react-error-overlay": "^1.0.10" has a caret ( ^ ) next to the...
Read more >
react-error-overlay - npm
react -error-overlay is an overlay which displays when there is a runtime error. Development. When developing within this package, make sure you ...
Read more >
Devon Govett on Twitter: "You can also now configure the naming ...
React error overlay Scoped variables in CSS modules, with automatic tree shaking! Custom naming patterns for CSS modules 🗺️ HMR source maps 🗃️...
Read more >
Panic-overlay NPM | npm.io
A lightweight standalone plain JS alternative to react-error-overlay that is not tied to React / Webpack and works with any framework or even...
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