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.

Error boundary still showing in production

See original GitHub issue

Is this a bug report?

Maybe

Did you try recovering your dependencies?

1.16.0

Which terms did you search for in User Guide?

deoloy production create react app heroku error boundary overlay production error boundar showing on creater react app production

Environment

Environment Info:

System: OS: macOS 10.14.5 CPU: (4) x64 Intel® Core™ i5-6360U CPU @ 2.00GHz Binaries: Node: 8.16.0 - /usr/local/opt/node@8/bin/node Yarn: 1.16.0 - /usr/local/bin/yarn npm: 6.4.1 - /usr/local/opt/node@8/bin/npm Browsers: Chrome: 74.0.3729.169 Firefox: Not Found Safari: 12.1.1 npmPackages: react: ^16.8.6 => 16.8.6 react-dom: ^16.8.6 => 16.8.6 react-scripts: 3.0.1 => 3.0.1 npmGlobalPackages: create-react-app: Not Found

Steps to Reproduce

(Write your steps here:)

  1. Set up an error boundary around the app
  2. Deploy the production and staging app to heroku
  3. When the error it triggered, an overlay should not show up. This is not the case for both staging an production.

Expected Behavior

The error overlay should not show.

Actual Behavior

The error boundary shows in front of the fallback page.

Reproducible Demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:8

github_iconTop GitHub Comments

1reaction
bugzpoddercommented, Jun 9, 2019

You’ll need to use the create-react-app buildpack on heroku: https://github.com/mars/create-react-app-buildpack

0reactions
itsalysialynncommented, Jun 11, 2019

You’ll need to use the create-react-app buildpack on heroku: https://github.com/mars/create-react-app-buildpack

Thank you!!!

Read more comments on GitHub >

github_iconTop Results From Across the Web

React still showing errors after catching with ErrorBoundary
My React app is catching the error and correctly displaying my custom error message, but after a second it still displays the original...
Read more >
Error Boundaries - React
Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
Read more >
Use react-error-boundary to handle errors in React
Error Boundaries have been a feature in React for years and we're still in this awkward situation of handling runtime errors with Error ......
Read more >
React Error Boundaries: Complete Guide - Meticulous
A complete guide to implementing React Error Boundaries, and how to use a third-party tool for handling more sophisticated scenarios.
Read more >
React Error Handling And Reporting With Error Boundary And ...
Finally, we'll integrate Sentry into our error boundary for realtime ... In a production environment, this error screen won't show up at all ......
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