Comments (4)
If you want to render null
with the way the library currently works, I think you have to pass a component that renders null (e.g. () => null
)
Presently null
kind of acts like a passthrough (so you could use the boundary for e.g. logging only, using onError
)
from react-error-boundary.
For me, passing null
doesn't function as a passthrough because any caught errors are bubbled up and break the app.
Looking at the code, this is expected:
https://github.com/bvaughn/react-error-boundary/blob/master/src/ErrorBoundary.ts#L87
if (didCatch) {
const props: FallbackProps = {
error,
resetErrorBoundary: this.resetErrorBoundary,
};
if (isValidElement(fallback)) {
childToRender = fallback;
} else if (typeof fallbackRender === "function") {
childToRender = fallbackRender(props);
} else if (FallbackComponent) {
childToRender = createElement(FallbackComponent, props);
} else {
if (isDevelopment) {
console.error(
"react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop"
);
}
throw error;
}
}
from react-error-boundary.
Ah, yeah that makes sense I guess I was confusing React's undefined fallback prop.
I don't feel strongly about this (and probably also won't work on it)
from react-error-boundary.
4.0.12 will render null
if you specify fallback={null}
from react-error-boundary.
Related Issues (20)
- Passing props to fallback component HOT 5
- 'ErrorBoundaryContext not found' appears when using useErrorBoundary HOT 12
- Error when rendering inside a server component in Next.js HOT 7
- 'ErrorBoundary' cannot be used as a JSX component. HOT 10
- Reset error state on router changed HOT 2
- [New feature request] add `ErrorBoundaryGroup` like @suspensive/react HOT 2
- [Proposal] Propagate original error when no fallback was provided HOT 5
- 4.0.11 cannot find module 'react-error-boundary' or its corresponding type declarations. HOT 1
- [Proposal] Detect an infinite loop of resetting the error HOT 4
- How to customize error HOT 3
- NPM Install Fails with 404 for 'react-rerror-bounday' Package HOT 4
- Preventing React unmounting UI on error? HOT 3
- useErrorBoundary as global HOT 2
- doesn't catch errors thrown by new Error('error text') but catches errors thrown by throw 'error text' HOT 1
- 'ErrorBoundary' cannot be used as a JSX component. HOT 3
- Getting children of ErrorBoundary in render functions HOT 1
- Bug with catching errors when using React Router HOT 1
- `fallback` function is not allowing to render `ReactPortal` via `createPortal()` function HOT 3
- Trying to access an eslint configuration that is not a dependency of react-error-boundary HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-error-boundary.