fix(typescript): resolve 44 TypeScript errors in core components (#1004)

components/video-player/controls/AudioSlider.tsx

@@ -22,7 +22,7 @@ const AudioSlider: React.FC<AudioSliderProps> = ({ setVisibility }) => {
   const max = useSharedValue<number>(100); // Explicitly type as number
   const isUserInteracting = useRef(false);
 
-  const timeoutRef = useRef<number | null>(null); // Use a ref to store the timeout ID
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null); // Use a ref to store the timeout ID
 
   useEffect(() => {
     if (isTv) return;

components/video-player/controls/BottomControls.tsx

@@ -88,7 +88,7 @@ export const BottomControls: FC<BottomControlsProps> = ({
   trickplayInfo,
   time,
 }) => {
-  const [settings] = useSettings();
+  const [settings] = useSettings(null);
   const insets = useSafeAreaInsets();
 
   return (

components/video-player/controls/CenterControls.tsx

@@ -30,7 +30,7 @@ export const CenterControls: FC<CenterControlsProps> = ({
   handleSkipBackward,
   handleSkipForward,
 }) => {
-  const [settings] = useSettings();
+  const [settings] = useSettings(null);
   const insets = useSafeAreaInsets();
 
   return (

components/video-player/controls/ContinueWatchingOverlay.tsx

@@ -16,7 +16,7 @@ export interface ContinueWatchingOverlayProps {
 const ContinueWatchingOverlay: React.FC<ContinueWatchingOverlayProps> = ({
   goToNextItem,
 }) => {
-  const [settings] = useSettings();
+  const [settings] = useSettings(null);
   const router = useRouter();
 
   return settings.autoPlayEpisodeCount >=

components/video-player/controls/GestureOverlay.tsx

@@ -31,7 +31,7 @@ export const GestureOverlay = ({
   onSkipForward,
   onSkipBackward,
 }: Props) => {
-  const [settings] = useSettings();
+  const [settings] = useSettings(null);
   const lightHaptic = useHaptic("light");
 
   const [feedback, setFeedback] = useState<FeedbackState>({

components/video-player/controls/HeaderControls.tsx

@@ -70,7 +70,7 @@ export const HeaderControls: FC<HeaderControlsProps> = ({
   setVideoAspectRatio,
   setVideoScaleFactor,
 }) => {
-  const [settings] = useSettings();
+  const [settings] = useSettings(null);
   const router = useRouter();
   const insets = useSafeAreaInsets();
   const { width: screenWidth } = useWindowDimensions();

components/video-player/controls/hooks/useVideoNavigation.ts

@@ -20,7 +20,7 @@ export function useVideoNavigation({
   seek,
   play,
 }: UseVideoNavigationProps) {
-  const [settings] = useSettings();
+  const [settings] = useSettings(null);
   const lightHapticFeedback = useHaptic("light");
   const wasPlayingRef = useRef(false);
 

components/video-player/controls/useControlsTimeout.ts

@@ -15,7 +15,7 @@ export const useControlsTimeout = ({
   onHideControls,
   timeout = 4000,
 }: UseControlsTimeoutProps) => {
-  const controlsTimeoutRef = useRef<NodeJS.Timeout>();
+  const controlsTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   useEffect(() => {
     const resetControlsTimeout = () => {