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.

react-error-overlay slow?

See original GitHub issue

I was wondering if it is a known issue that react-error-overlay is very slow, I’m currently using a package that e.g. calls console.error a lot, and the fact that I’m using create-react-app means that the native console.error is overwritten (affecting this particular package).

So my main question: is this an issue with the react-error-overlay implementation of console.error being slow or should it be expected that it can’t handle thousands of repeated calls compare to native console.error?

I’m surprised that console.error is hijacked, I didn’t expect that (when I was looking into the issue).

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
jukbencommented, Jun 26, 2019

Hey, if no one is working on it I’d like to give a try to it. I’m basically in the same situation as @mohsinulhaq (original creator of #6098) – i’m using error-overlay-webpack-plugin to get react-error-overlay into my application. Since the app is pretty big (😞) the downloading/parsing of source map takes significant time and since it’s blocking rendering of the actual error I would like to tackle it.

I agree it would make sense to show compiled stacktrace immediately until the sourcemaps are loaded.

What do you think?

1reaction
stale[bot]commented, Feb 7, 2019

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

Read more comments on GitHub >

github_iconTop Results From Across the Web

create react app - Disable error overlay in development mode
The error overlay can be disabled by using the stopReportingRuntimeErrors helper utility in the react-error-overlay package.
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 >
Handling JavaScript errors in React with error boundaries
N.B., tools like create-react-app and Next.js have an error overlay component that blocks the UI whenever there is an error, ...
Read more >
CHANGELOG-1.x.md - facebook/create-react-app - Sourcegraph
babel-preset-react-app , react-dev-utils , react-error-overlay , react-scripts ... The old, 2009 specification for Flexbox is deprecated and is 2.3x slower ...
Read more >
CRA slow reload : r/reactjs - Reddit
I may need to manually upgrade react scripts, ive tried before but the problem got worse, and react-error-overlay began having issues.
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