fix(autogenSWRKey): fix type error

Author: croutonn

src/visitor.ts

@@ -133,7 +133,9 @@ export class SWRVisitor extends ClientSideBaseVisitor<
             o.operationResultType
           }>}>) {
             return useSWR<SWRRawResponse<${o.operationResultType}>>(${
-            autogenSWRKey ? `genKey('${pascalName}', variables)` : 'key'
+            autogenSWRKey
+              ? `genKey<${o.operationVariablesTypes}>('${pascalName}', variables)`
+              : 'key'
           }, () => sdk.${o.node.name.value}(variables), config);
         }`)
 
@@ -161,7 +163,9 @@ export class SWRVisitor extends ClientSideBaseVisitor<
           o.operationVariablesTypes
         }, config?: SWRConfigInterface<${o.operationResultType}>) {
   return useSWR<${o.operationResultType}>(${
-          autogenSWRKey ? `genKey('${pascalName}', variables)` : 'key'
+          autogenSWRKey
+            ? `genKey<${o.operationVariablesTypes}>('${pascalName}', variables)`
+            : 'key'
         }, () => sdk.${o.node.name.value}(variables), config);
 }`)
 
@@ -202,7 +206,7 @@ export function getSdkWithHooks(client: GraphQLClient, withWrapper: SdkFunctionW
   const sdk = getSdk(client, withWrapper);
 ${
   autogenSWRKey
-    ? '  const genKey = <V extends Record<string, unknown> = Record<string, unknown>>(name: string, object?: V): SWRKeyInterface => [name, ...Object.keys(object || {}).sort().map(key => object[key])];\n'
+    ? '  const genKey = <V extends Record<string, unknown> = Record<string, unknown>>(name: string, object: V = {} as V): SWRKeyInterface => [name, ...Object.keys(object).sort().map(key => object[key])];\n'
     : ''
 }  return {
     ...sdk,

tests/swr.spec.ts

@@ -333,20 +333,20 @@ export type SdkWithHooks = ReturnType<typeof getSdkWithHooks>;`
     expect(output).toContain(
       `export function getSdkWithHooks(client: GraphQLClient, withWrapper: SdkFunctionWrapper = defaultWrapper) {
   const sdk = getSdk(client, withWrapper);
-  const genKey = <V extends Record<string, unknown> = Record<string, unknown>>(name: string, object?: V): SWRKeyInterface => [name, ...Object.keys(object || {}).sort().map(key => object[key])];
+  const genKey = <V extends Record<string, unknown> = Record<string, unknown>>(name: string, object: V = {} as V): SWRKeyInterface => [name, ...Object.keys(object).sort().map(key => object[key])];
   return {
     ...sdk,
     useFeed(variables?: FeedQueryVariables, config?: SWRConfigInterface<FeedQuery>) {
-      return useSWR<FeedQuery>(genKey('Feed', variables), () => sdk.feed(variables), config);
+      return useSWR<FeedQuery>(genKey<FeedQueryVariables>('Feed', variables), () => sdk.feed(variables), config);
     },
     useFeed2(variables: Feed2QueryVariables, config?: SWRConfigInterface<Feed2Query>) {
-      return useSWR<Feed2Query>(genKey('Feed2', variables), () => sdk.feed2(variables), config);
+      return useSWR<Feed2Query>(genKey<Feed2QueryVariables>('Feed2', variables), () => sdk.feed2(variables), config);
     },
     useFeed3(variables?: Feed3QueryVariables, config?: SWRConfigInterface<Feed3Query>) {
-      return useSWR<Feed3Query>(genKey('Feed3', variables), () => sdk.feed3(variables), config);
+      return useSWR<Feed3Query>(genKey<Feed3QueryVariables>('Feed3', variables), () => sdk.feed3(variables), config);
     },
     useFeed4(variables?: Feed4QueryVariables, config?: SWRConfigInterface<Feed4Query>) {
-      return useSWR<Feed4Query>(genKey('Feed4', variables), () => sdk.feed4(variables), config);
+      return useSWR<Feed4Query>(genKey<Feed4QueryVariables>('Feed4', variables), () => sdk.feed4(variables), config);
     }
   };
 }