From df4dc841fca04e353f716a5ce3e3d5e40aa561e6 Mon Sep 17 00:00:00 2001
From: Koper <andreas@monadical.com>
Date: Thu, 31 Aug 2023 22:07:58 +0700
Subject: [PATCH] Fixed setError/useError typos & added stronger typing

---
 www/app/(errors)/handleError.ts      | 3 ++-
 www/app/transcripts/new/page.tsx     | 1 -
 www/app/transcripts/useWebSockets.ts | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/www/app/(errors)/handleError.ts b/www/app/(errors)/handleError.ts
index 09226dda..1b9f64e3 100644
--- a/www/app/(errors)/handleError.ts
+++ b/www/app/(errors)/handleError.ts
@@ -1,7 +1,8 @@
 import * as Sentry from "@sentry/react";
+import { Dispatch, SetStateAction } from "react";
 
 const handleError = (
-  setError: Function,
+  setError: Dispatch<SetStateAction<String>>,
   errorString: string,
   errorObj?: any,
 ) => {
diff --git a/www/app/transcripts/new/page.tsx b/www/app/transcripts/new/page.tsx
index dbf5c653..85e7deb8 100644
--- a/www/app/transcripts/new/page.tsx
+++ b/www/app/transcripts/new/page.tsx
@@ -9,7 +9,6 @@ import useAudioDevice from "../useAudioDevice";
 import "../../styles/button.css";
 import { Topic } from "../webSocketTypes";
 import getApi from "../../lib/getApi";
-import { useError } from "../../(errors)/errorContext";
 
 const App = () => {
   const [stream, setStream] = useState<MediaStream | null>(null);
diff --git a/www/app/transcripts/useWebSockets.ts b/www/app/transcripts/useWebSockets.ts
index f058f91f..4e0cc4b3 100644
--- a/www/app/transcripts/useWebSockets.ts
+++ b/www/app/transcripts/useWebSockets.ts
@@ -108,13 +108,13 @@ export const useWebSockets = (transcriptId: string | null): UseWebSockets => {
           default:
             console.error("Unknown event:", message.event);
             handleError(
-              useError,
+              setError,
               `Received unknown WebSocket event: ${message.event}`,
             );
         }
       } catch (error) {
         handleError(
-          useError,
+          setError,
           `Failed to process WebSocket message: ${error.message}`,
           error,
         );
@@ -123,14 +123,14 @@ export const useWebSockets = (transcriptId: string | null): UseWebSockets => {
 
     ws.onerror = (error) => {
       console.error("WebSocket error:", error);
-      handleError(useError, "A WebSocket error occurred.", error);
+      handleError(setError, "A WebSocket error occurred.", error);
     };
 
     ws.onclose = (event) => {
       console.debug("WebSocket connection closed");
       if (event.code !== 1000) {
         handleError(
-          useError,
+          setError,
           `WebSocket closed unexpectedly with code: ${event.code}`,
         );
       }