shotor / sandbox-react-apollo-issues-3918

Sandbox for issue https://github.com/apollographql/react-apollo/issues/3918

Home Page:https://codesandbox.io/s/github/maapteh/sandbox-react-apollo-issues-3918

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sample application

Show stacktrace when ssr error happens, and no error being passed to component...

Pre-requisites

  • yarn

File structure

  • graphql server having a good and bad query resolved
  • page page showing the bug happening
  • bad component component having the bug
  • apollo client with this settings error will not be thrown, BUT also not passed to component!

Development

Now you will see the following stack:

[client] render good
[client] render bad
[server] GraphQL server query: bad (query, once)
[server] GraphQL server query: good (query, once)
[GraphQL error]: Message: oeps, Location: [object Object], Path: bad
[client] render good (nextjs rendering again)
[client] render bad (nextjs rendering again)

Now the error is not passed to its component. When i change the errorPolicy in the above apollo client not to 'all', since i want to be able to use the error, i get the following stacktrace:

[client] render good
[client] render bad
[server] GraphQL server query: good
[server] GraphQL server query: bad
[GraphQL error]: Message: oeps, Location: [object Object], Path: bad
[GraphQL treewalker error] Error GraphQL error: oeps
[server] GraphQL server query: bad

Now you can see the treewalker throws the error (which i catch), but then client-side the call is done again... And that part should not happen, but its unclear for me with what settings.

Repo is created for apollographql/react-apollo/issues/3918, to show in codesandbox.io the bug

About

Sandbox for issue https://github.com/apollographql/react-apollo/issues/3918

https://codesandbox.io/s/github/maapteh/sandbox-react-apollo-issues-3918


Languages

Language:TypeScript 100.0%