Comments (2)
This should suffice:
const App = () => {
const { data, error, loading } = useQuery(GET_TODO_LIST);
if (error) {
Sentry.captureException(error);
return <h1>{error.message}</h1>;
}
return <pre>{JSON.stringify(data)}</pre>
};
As long as you return after you receive the error, useEffect
shouldn't be necessary. If you have a (big) component which you expect to update after receiving the error you should use useEffect
to prevent the error from being reported multiple times.
Note that you can change the way the error is shown in SentryJS by creating a custom error class. Then you can do Sentry.captureException(new GraphQLError(graphQLErrors));
where GraphQLError
is your custom error class.
from apollo-link-sentry.
You could also consider turning the includeError
flag on. This will include the error in the operation's breadcrumb.
from apollo-link-sentry.
Related Issues (20)
- Question: recommended way to limit size of breadcrumbs? HOT 1
- excludeGraphQLFetch should remove unsupported fragment definitions HOT 2
- Maintainership of this package HOT 8
- Test usage with subscriptions HOT 3
- Test usage with `apollo-link-error` HOT 2
- Missing dependencies on NextJS build
- Add sentry-trace header HOT 4
- Newest version breaks with react-native HOT 2
- Severity is undefined HOT 4
- Create-React-App warns about missing SourceMap HOT 1
- Remove peer dependencies HOT 1
- Importing apollo-link-sentry package gives 350kb of unwanted and unused code. HOT 5
- Transform function can change response for downstream links HOT 2
- Missing Typescript types for zen-observable in non-dev installation HOT 2
- Remove specific param from gql mutations HOT 1
- Enable `apollo-link-sentry` tree-shaking via ESM HOT 1
- Add the "@sentry/browser" package to the dependencies section in your package.json file, not in devDependencies HOT 3
- Can't use package without supporting esnext
- Sentry v8 compatibility HOT 3
- Breadcrumbs are not attached in error link when mutation fails with `errorPolicy: 'all'`
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 apollo-link-sentry.