Use explicit and bound interface for Client (#30)

Author: mthadley

src/provider.tsx

@@ -62,7 +62,13 @@ export function AuthKitProvider(props: AuthKitProviderProps) {
           refreshBufferInterval,
         }).then(async (client) => {
           const user = client.getUser();
-          setClient(client);
+          setClient({
+            getAccessToken: client.getAccessToken.bind(client),
+            getUser: client.getUser.bind(client),
+            signIn: client.signIn.bind(client),
+            signUp: client.signUp.bind(client),
+            signOut: client.signOut.bind(client),
+          });
           setState((prev) => ({ ...prev, isLoading: false, user }));
         });
       });

src/types.ts

@@ -1,6 +1,10 @@
 import { createClient } from "@workos-inc/authkit-js";
 
-export type Client = Awaited<ReturnType<typeof createClient>>;
+export type Client = Pick<
+  Awaited<ReturnType<typeof createClient>>,
+  "signIn" | "signUp" | "getUser" | "getAccessToken" | "signOut"
+>;
+
 export type CreateClientOptions = NonNullable<
   Parameters<typeof createClient>[1]
 >;