(core) - fix incremental fetch not bubbling up JS-errors (#2210)

* fix incremental fetch not bubbling up JS-errors * the stack exists * Update fetchSource.ts * formatting
urql-graphql · Jan 21, 2022 · 20b7951 · 20b7951
1 parent c4a0ede
commit 20b7951
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/smart-brooms-fix.md b/.changeset/smart-brooms-fix.md
@@ -0,0 +1,5 @@
+---
+'@urql/core': patch
+---
+
+Fix error bubbling, when an error happened in the exchange-pipeline we would treat it as a GraphQL-error
diff --git a/packages/core/src/internal/fetchSource.ts b/packages/core/src/internal/fetchSource.ts
@@ -146,6 +146,14 @@ export const makeFetchSource = (
       })
       .then(complete)
       .catch((error: Error) => {
+        if (error.name === 'SyntaxError' || error.name === 'TypeError') {
+          const e = new Error(error.message);
+          e.stack =
+            e.stack!.split('\n').slice(0, 2).join('\n') + '\n' + error.stack;
+          e.constructor = error.constructor;
+          throw e;
+        }
+
         if (error.name !== 'AbortError') {
           const result = makeErrorResult(
             operation,