fix up optional context pattern

Author: walker-tx

example/src/App.tsx

@@ -12,6 +12,8 @@ function App() {
     registryUrl: import.meta.env.VITE_SPEAKEASY_REGISTRY_URL,
   });
 
+  // You can use the context provider to pass the core SDK instance to the code
+  // samples viewer
   return (
     <SpeakeasyCodeSamplesProvider client={coreSdk}>
       <h1 className="">Speakeasy Code Samples</h1>
@@ -21,6 +23,7 @@ function App() {
           defaultLang={"typescript"}
           title={CodeSampleFilenameTitle}
           operation={"getPassageText"}
+          // client={coreSdk}
         />
       </div>
     </SpeakeasyCodeSamplesProvider>

src/react-components/code-sample.tsx

@@ -67,6 +67,7 @@ export function CodeSamplesViewer({
   style,
   copyable,
   defaultLang,
+  client: clientProp,
 }: CodeSamplesViewerProps) {
   const TitleComponent = title;
 
@@ -82,7 +83,7 @@ export function CodeSamplesViewer({
     return { methoPaths: [operation] };
   }, [operation]);
 
-  const client = useSafeSpeakeasyCodeSamplesContext();
+  const client = useSafeSpeakeasyCodeSamplesContext(clientProp);
   const { status, data, error } = useHighlightedCodeSamples(client, request);
 
   const { selectedSnippet, selectedLang, setSelectedLang } = useSelectedSnippet(

src/react-components/hooks.ts

@@ -32,12 +32,12 @@ type SuccessState = {
 
 type CodeSamplesState = LoadingState | ErrorState | SuccessState;
 
-export const useSafeSpeakeasyCodeSamplesContext = (opts?: {
-  apiKey: string;
-  registryUrl: string;
-}) => {
-  if (opts) {
-    return new SpeakeasyCodeSamplesCore(opts);
+/** Intended to give the user the option of providing their own client. */
+export const useSafeSpeakeasyCodeSamplesContext = (
+  coreClient?: SpeakeasyCodeSamplesCore,
+) => {
+  if (coreClient) {
+    return coreClient;
   }
 
   try {