Hack around .perform typecheck errors

Author: rmosolgo

javascript_client/src/subscriptions/ActionCableLink.ts

@@ -1,5 +1,5 @@
 import { ApolloLink, Observable, FetchResult, Operation, NextLink } from "@apollo/client/core"
-import { Cable } from "actioncable"
+import { Cable, Channel } from "actioncable"
 import { print } from "graphql"
 
 type RequestResult = FetchResult<{ [key: string]: any; }, Record<string, any>, Record<string, any>>
@@ -30,7 +30,8 @@ class ActionCableLink extends ApolloLink {
         channelId: channelId
       }, this.connectionParams), {
         connected: function() {
-          this.perform(
+          // Broken since https://github.com/DefinitelyTyped/DefinitelyTyped/pull/52421 ??
+          ((this as unknown) as Channel).perform(
             actionName,
             {
               query: operation.query ? print(operation.query) : null,

javascript_client/src/subscriptions/ActionCableSubscriber.ts

@@ -1,6 +1,6 @@
 import printer from "graphql/language/printer"
 import registry from "./registry"
-import { Cable } from "actioncable"
+import { Cable, Channel } from "actioncable"
 
 interface ApolloNetworkInterface {
   applyMiddlewares: Function
@@ -52,9 +52,10 @@ class ActionCableSubscriber {
               variables: variables,
               operationId: operationId,
               operationName: operationName,
-            })
+            }) as any
             // This goes to the #execute method of the channel
-            _this.perform("execute", channelParams)
+            // Broken since https://github.com/DefinitelyTyped/DefinitelyTyped/pull/52421
+            ((_this as unknown) as Channel).perform("execute", channelParams)
           })
       },
       // Payload from ActionCable should have at least two keys:

javascript_client/src/subscriptions/createActionCableHandler.ts

@@ -1,4 +1,4 @@
-import { Cable } from "actioncable"
+import { Cable, Channel } from "actioncable"
 
 /**
  * Create a Relay Modern-compatible subscription handler.
@@ -41,8 +41,10 @@ function createActionCableHandler(options: ActionCableHandlerOptions) {
             query: operation.text
           }
         }
+        // `this.perform` stopped working after https://github.com/DefinitelyTyped/DefinitelyTyped/pull/52421
+        ((this as unknown) as Channel).perform('send', channelParams);
 
-        this.perform("execute", channelParams)
+        ((this as unknown) as Channel).perform("execute", channelParams)
       },
       // This result is sent back from ActionCable.
       received: function(payload: { result: { errors: any[], data: object }, more: boolean}) {