[functions] Tweak useHttpsCallable function signature

Author: chrisbianca

functions/useHttpsCallable.ts

@@ -1,4 +1,8 @@
-import { HttpsCallable, HttpsCallableResult } from 'firebase/functions';
+import {
+  Functions,
+  httpsCallable,
+  HttpsCallableResult,
+} from 'firebase/functions';
 import { useMemo, useState } from 'react';
 
 export type HttpsCallableHook<RequestData = unknown, ResponseData = unknown> = [
@@ -8,14 +12,16 @@ export type HttpsCallableHook<RequestData = unknown, ResponseData = unknown> = [
 ];
 
 export default <RequestData = unknown, ResponseData = unknown>(
-  callable: HttpsCallable<RequestData, ResponseData>
+  functions: Functions,
+  name: string
 ): HttpsCallableHook<RequestData, ResponseData> => {
   const [error, setError] = useState<Error>();
   const [loading, setLoading] = useState<boolean>(false);
 
   const callCallable = async (
     data?: RequestData
   ): Promise<HttpsCallableResult<ResponseData> | undefined> => {
+    const callable = httpsCallable<RequestData, ResponseData>(functions, name);
     setLoading(true);
     try {
       return callable(data);