From a91c453e415a9de5e747529c62fcd58e75c5a209 Mon Sep 17 00:00:00 2001
From: Koper <andreas@monadical.com>
Date: Tue, 22 Aug 2023 18:07:31 +0700
Subject: [PATCH] Urgent Fix for "Rules of Hooks" error

---
 www/app/transcripts/new/page.tsx  | 4 +++-
 www/app/transcripts/useWebRTC.tsx | 4 +---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/www/app/transcripts/new/page.tsx b/www/app/transcripts/new/page.tsx
index 949b477f..37a17066 100644
--- a/www/app/transcripts/new/page.tsx
+++ b/www/app/transcripts/new/page.tsx
@@ -6,6 +6,7 @@ import useWebRTC from "../useWebRTC";
 import useTranscript from "../useTranscript";
 import { useWebSockets } from "../useWebSockets";
 import "../../styles/button.css";
+import getApi from "../../lib/getApi";
 
 const App = () => {
   const [stream, setStream] = useState<MediaStream | null>(null);
@@ -21,8 +22,9 @@ const App = () => {
     }
   }, []);
 
+  const api = getApi();
   const transcript = useTranscript();
-  const webRTC = useWebRTC(stream, transcript.response?.id);
+  const webRTC = useWebRTC(stream, transcript.response?.id, api);
   const webSockets = useWebSockets(transcript.response?.id);
 
   return (
diff --git a/www/app/transcripts/useWebRTC.tsx b/www/app/transcripts/useWebRTC.tsx
index 2f9f3c25..62694de8 100644
--- a/www/app/transcripts/useWebRTC.tsx
+++ b/www/app/transcripts/useWebRTC.tsx
@@ -5,11 +5,11 @@ import {
   V1TranscriptRecordWebrtcRequest,
 } from "../api/apis/DefaultApi";
 import { Configuration } from "../api/runtime";
-import getApi from "../lib/getApi";
 
 const useWebRTC = (
   stream: MediaStream | null,
   transcriptId: string | null,
+  api: DefaultApi,
 ): Peer => {
   const [peer, setPeer] = useState<Peer | null>(null);
 
@@ -18,8 +18,6 @@ const useWebRTC = (
       return;
     }
 
-    const api = getApi();
-
     let p: Peer = new Peer({ initiator: true, stream: stream });
 
     p.on("signal", (data: any) => {