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's minified errors caught in errors boundary are not reported when whitelistUrls is set

See original GitHub issue

Package + Version

  • @sentry/browser
  • @sentry/node
  • raven-js
  • raven-node (raven for node)
  • other:

Version:

5.6.1

Description

The errors Minified React error... visit https://reactjs.org/... caught in react’s error boundaries are nor reported because of being dropped due to not matched by whitelistUrls option (and boundary setup like https://docs.sentry.io/platforms/javascript/react/#error-boundaries). When enabling debug mode following warning is visible in the console:

Sentry Logger [Warn]: Event dropped due to not being matched by `whitelistUrls` option.
Event: Invariant Violation: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%24%24typeof%2C%20render%2C%20displayName%2C%20attrs%2C%20componentStyle%2C%20foldedComponentIds%2C%20styledComponentId%2C%20tar....
Url: https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B%24%24typeof%2C%20render%2C%20displayName%2C%20attrs%2C%20componentStyle%2C%20foldedComponentIds%2C%20styledComponentId%2C%20target%2C%20withComponent%2C%20toString%7D&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Detected URL is the react’s page…

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
darkowiccommented, Aug 19, 2019

Dzięki @kamilogorek 😉

1reaction
kamilogorekcommented, Aug 19, 2019

Released in 5.6.2

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error Boundaries - React
Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
Read more >
Minified React error #152 - how to resolve this? - Stack Overflow
The error description is here, you return nothing as result of render method of you react component. Return something else instead of it....
Read more >
React error handling with react-error-boundary - LogRocket Blog
Error boundaries were introduced in React 16 as a way to catch and handle JavaScript errors that occur in the UI parts of...
Read more >
React Error Handling And Reporting With Error Boundary And ...
Error boundaries do actual work. For starters, they catch javascript errors. They can also log those errors, and display a fallback UI. Let's...
Read more >
Use react-error-boundary to handle errors in React
How to simplify your React apps by handling React errors effectively ... the ErrorBoundary component the same way you do a try/catch block....
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