From a0f45f2cfcb2ba1a1a0e7aa7af77021ef19e0972 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Thu, 23 Oct 2025 20:06:11 +0200
Subject: [PATCH] fix: correct typescript ref types for bottom sheet and audio
 player

---
 packages/app/src/components/agent-stream-view.tsx          | 2 +-
 packages/app/src/components/orchestrator-messages-view.tsx | 2 +-
 packages/app/src/components/tool-call-bottom-sheet.tsx     | 2 +-
 packages/app/src/hooks/use-audio-player.ts                 | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/components/agent-stream-view.tsx b/packages/app/src/components/agent-stream-view.tsx
index dbca06d13..685c6b14c 100644
--- a/packages/app/src/components/agent-stream-view.tsx
+++ b/packages/app/src/components/agent-stream-view.tsx
@@ -42,7 +42,7 @@ export function AgentStreamView({
   onPermissionResponse,
 }: AgentStreamViewProps) {
   const scrollViewRef = useRef<ScrollView>(null);
-  const bottomSheetRef = useRef<BottomSheetModal>(null);
+  const bottomSheetRef = useRef<BottomSheetModal | null>(null);
   const insets = useSafeAreaInsets();
   const [selectedToolCall, setSelectedToolCall] = useState<{
     toolName: string;
diff --git a/packages/app/src/components/orchestrator-messages-view.tsx b/packages/app/src/components/orchestrator-messages-view.tsx
index a6f2442da..51adf34e9 100644
--- a/packages/app/src/components/orchestrator-messages-view.tsx
+++ b/packages/app/src/components/orchestrator-messages-view.tsx
@@ -20,7 +20,7 @@ interface OrchestratorMessagesViewProps {
 export const OrchestratorMessagesView = forwardRef<ScrollView, OrchestratorMessagesViewProps>(
   function OrchestratorMessagesView({ messages, currentAssistantMessage, onArtifactClick }, ref) {
     const { theme } = useUnistyles();
-    const bottomSheetRef = useRef<BottomSheetModal>(null);
+    const bottomSheetRef = useRef<BottomSheetModal | null>(null);
     const [selectedToolCall, setSelectedToolCall] = useState<{
       toolName: string;
       status: 'executing' | 'completed' | 'failed';
diff --git a/packages/app/src/components/tool-call-bottom-sheet.tsx b/packages/app/src/components/tool-call-bottom-sheet.tsx
index cff7f806e..552691385 100644
--- a/packages/app/src/components/tool-call-bottom-sheet.tsx
+++ b/packages/app/src/components/tool-call-bottom-sheet.tsx
@@ -9,7 +9,7 @@ import {
 } from "@gorhom/bottom-sheet";
 
 interface ToolCallBottomSheetProps {
-  bottomSheetRef: React.RefObject<BottomSheetModal>;
+  bottomSheetRef: React.RefObject<BottomSheetModal | null>;
   toolName?: string;
   status?: "pending" | "in_progress" | "executing" | "completed" | "failed";
   args?: any;
diff --git a/packages/app/src/hooks/use-audio-player.ts b/packages/app/src/hooks/use-audio-player.ts
index a00e5a24a..5e7be1f98 100644
--- a/packages/app/src/hooks/use-audio-player.ts
+++ b/packages/app/src/hooks/use-audio-player.ts
@@ -50,7 +50,7 @@ export function useAudioPlayer() {
   const [audioInitialized, setAudioInitialized] = useState(false);
   const queueRef = useRef<QueuedAudio[]>([]);
   const isProcessingQueueRef = useRef(false);
-  const playbackTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const playbackTimeoutRef = useRef<number | null>(null);
 
   async function play(audioData: Blob): Promise<number> {
     return new Promise((resolve, reject) => {