Create ClientContext

src/context/ClientContext.tsx

+import React, { createContext } from 'react';
+import { Client, createClient } from '../client/client';
+
+export type ClientContextType = {
+  client: Client;
+};
+
+export const ClientContext = createContext<ClientContextType>({
+  client: createClient(),
+});
+
+type ClientContextProviderProps = {
+  baseUrl?: string;
+};
+
+export const ClientContextProvider: React.FC<ClientContextProviderProps> = ({
+  children,
+  baseUrl = '',
+}) => {
+  return (
+    <ClientContext.Provider
+      value={{
+        client: createClient(baseUrl),
+      }}
+    >
+      {children}
+    </ClientContext.Provider>
+  );
+};

src/context/index.tsx

+export * from './ClientContext';
+export * from './UserContext';

src/hooks/useClientContext.ts

+import { useContext } from 'react';
+import { ClientContext } from '../context';
+import type { ClientContextType } from '../context';
+
+function useClientContext(): ClientContextType {
+  const clientContext = useContext(ClientContext);
+  if (!clientContext) {
+    throw new Error('You must use `ClientContextProvider` to access the `ClientContext`.');
+  }
+  return clientContext;
+}
+
+export default useClientContext;