fix: typings for GraphQLError on the client

Signed-off-by: Matt Krick <matt.krick@gmail.com>

Author: mattkrick

packages/client/Atmosphere.ts

@@ -17,6 +17,7 @@ import {
   type NormalizationLinkedField,
   Observable,
   type OperationType,
+  type PayloadError,
   RecordSource,
   RelayFeatureFlags,
   type RequestParameters,
@@ -187,10 +188,10 @@ export default class Atmosphere extends Environment {
     return Observable.create<GraphQLResponse>((sink) => {
       const _next = sink.next
       const _error = sink.error
-      sink.error = (error: Error | Error[] | CloseEvent) => {
+      sink.error = (error: Error | Error[] | CloseEvent | PayloadError) => {
         if (Array.isArray(error)) {
           const invalidSessionError = error.find(
-            (e) => (e as any).extensions?.code === 'SESSION_INVALIDATED'
+            (e) => (e as PayloadError).extensions?.code === 'SESSION_INVALIDATED'
           )
           if (invalidSessionError) {
             this.invalidateSession(invalidSessionError.message)

packages/client/modules/pages/PageAccessCombobox.tsx

@@ -45,7 +45,7 @@ export const PageAccessCombobox = (props: Props) => {
       onCompleted(_res, errors) {
         const firstError = errors?.[0]
         if (firstError) {
-          if ((firstError as any).extensions?.code === 'UNAPPROVED_UNLINK') {
+          if (firstError.extensions?.code === 'UNAPPROVED_UNLINK') {
             setAttemptedRole(role)
             return
           }

packages/client/modules/pages/RequestPageAccess.tsx

@@ -40,7 +40,7 @@ export const RequestPageAccess = (props: Props) => {
       onCompleted: (_result, errors) => {
         const firstError = errors?.[0]
         if (firstError) {
-          const code = (firstError as any).extensions?.code
+          const code = firstError.extensions?.code
           if (code === 'NOT_FOUND') {
             atmosphere.eventEmitter.emit('addSnackbar', {
               message: 'Page not found',

packages/client/utils/relay/getGraphQLError.ts

@@ -1,4 +1,20 @@
-import type {PayloadError} from 'relay-runtime/lib/network/RelayNetworkTypes'
+import type {PayloadError} from 'relay-runtime'
+
+declare module 'relay-runtime' {
+  interface PayloadError extends Error {
+    message: string
+    locations?:
+      | Array<{
+          line: number
+          column: number
+        }>
+      | undefined
+    path?: Array<string | number>
+    extensions?: {
+      code?: string
+    }
+  }
+}
 
 const getServerError = (errors: ReadonlyArray<PayloadError> | null | undefined) =>
   (errors && errors[0]) || undefined