Update src/hooks/use-live-api.ts

src/hooks/use-live-api.ts

@@ -34,10 +34,15 @@ export type UseLiveAPIResults = {
   volume: number;
 };
 
+export type UseLiveAPIOptions = MultimodalLiveAPIClientConnection & {
+  initialConfig?: LiveConfig;
+};
+
 export function useLiveAPI({
   url,
   apiKey,
-}: MultimodalLiveAPIClientConnection): UseLiveAPIResults {
+  initialConfig
+}: UseLiveAPIOptions): UseLiveAPIResults {
   const client = useMemo(
     () => new MultimodalLiveClient({ url, apiKey }),
     [url, apiKey],
@@ -45,7 +50,7 @@ export function useLiveAPI({
   const audioStreamerRef = useRef<AudioStreamer | null>(null);
 
   const [connected, setConnected] = useState(false);
-  const [config, setConfig] = useState<LiveConfig>({
+  const [config, setConfig] = useState<LiveConfig>(initialConfig || {
     model: "models/gemini-2.0-flash-exp",
   });
   const [volume, setVolume] = useState(0);
@@ -90,7 +95,6 @@ export function useLiveAPI({
   }, [client]);
 
   const connect = useCallback(async () => {
-    console.log(config);
     if (!config) {
       throw new Error("config has not been set");
     }
@@ -113,4 +117,4 @@ export function useLiveAPI({
     disconnect,
     volume,
   };
-}
+}