Comments (6)
Whoops! I probably just forked another OSS project I had to create this one and wasn't careful about cleaning up dependencies. That or I forgot the --dev
flag when yarn add
ing some.
Either way, sorry. I'll tidy up before the next release.
from react-error-boundary.
Should be fixed in 1.1.0!
from react-error-boundary.
But I just realized that to remove these as a dependency, than you should generate a compiled version (without Flow), right?
from react-error-boundary.
@bvaughn Nice! :D I've copied the component code without Flow (using prop-types instead) to my project, so no extra dependencies were needed, the main part is small actually:
import React, { Component } from 'react'
import PropTypes from 'prop-types'
class ErrorBoundary extends Component {
constructor(props, context) {
super(props, context)
this.state = {
error: null,
info: null,
}
}
componentDidCatch(error, info) {
const { onError } = this.props
if (typeof onError === 'function') {
try {
onError(error, info ? info.componentStack : '')
} catch (error) {}
}
this.setState({ error, info })
}
render() {
const { children, FallbackComponent } = this.props
const { error, info } = this.state
if (error !== null) {
return (
<FallbackComponent
componentStack={info ? info.componentStack : ''}
error={error}
/>
)
}
return children
}
}
ErrorBoundary.propTypes = {
children: PropTypes.any,
FallbackComponent: PropTypes.any.isRequired,
onError: PropTypes.func,
}
export default ErrorBoundary
from react-error-boundary.
Will prob do a follow-up release to generate prop-types from the Flow types for people who prefer to use them. Although I guess there's not much motivation if you just embed the tiny component 😄
from react-error-boundary.
@bvaughn oh but you should definitely do it anyway, not all people use Flow. Thanks for the great work, this React 16 componentDidCatch feature that this component helps to use is very Nice! :D
from react-error-boundary.
Related Issues (20)
- Error in published TypeScript definitions HOT 4
- The ref attribute is not supported HOT 11
- 3.1.4 to 4.0.2 migration HOT 6
- 'ErrorBoundary' cannot be used as a JSX component HOT 3
- Breaking change to FallbackProps type in v4 HOT 2
- 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
- type ErrorBoundaryPropsWithFallback allows fallback to be null 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
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.