dropdown menu seems to work on actual android tv device. hmmmm

app.json

@@ -74,9 +74,11 @@
         {
           "ios": {
             "deploymentTarget": "15.6",
-            "useFrameworks": "static"
+            "useFrameworks": "static",
+            "newArchEnabled": false
           },
           "android": {
+            "newArchEnabled": false,
             "android": {
               "compileSdkVersion": 34,
               "targetSdkVersion": 34,
@@ -146,7 +148,6 @@
     },
     "updates": {
       "url": "https://u.expo.dev/e79219d1-797f-4fbe-9fa1-cfd360690a68"
-    },
-    "newArchEnabled": false
+    }
   }
 }

app/(auth)/(tabs)/(home,libraries,search,favorites)/jellyseerr/page.tsx

@@ -38,7 +38,7 @@ import React, {
 } from "react";
 import { Platform, TouchableOpacity, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-const DropdownMenu = !Platform.isTV ? require("zeego/dropdown-menu") : null;
+import * as DropdownMenu from "zeego/dropdown-menu";
 import RequestModal from "@/components/jellyseerr/RequestModal";
 import { ANIME_KEYWORD_ID } from "@/utils/jellyseerr/server/api/themoviedb/constants";
 import { MediaRequestBody } from "@/utils/jellyseerr/server/interfaces/api/requestInterfaces";

components/common/Dropdown.tsx

@@ -1,5 +1,5 @@
-const DropdownMenu = !Platform.isTV ? require("zeego/dropdown-menu") : null;
-import { Platform, TouchableOpacity, View, ViewProps } from "react-native";
+import * as DropdownMenu from "zeego/dropdown-menu";
+import { TouchableOpacity, View, ViewProps } from "react-native";
 import { Text } from "@/components/common/Text";
 import React, {
   PropsWithChildren,
@@ -33,7 +33,6 @@ const Dropdown = <T extends unknown>({
   multi = false,
   ...props
 }: PropsWithChildren<Props<T> & ViewProps>) => {
-  if (Platform.isTV) return null;
   const [selected, setSelected] = useState<T[]>();
 
   useEffect(() => {

components/jellyseerr/discover/GenreSlide.tsx

@@ -48,7 +48,7 @@ const GenreSlide: React.FC<SlideProps & ViewProps> = ({ slide, ...props }) => {
               className="w-28 rounded-lg overflow-hidden border border-neutral-900"
               id={item.id.toString()}
               title={item.name}
-              colors={[]}
+              // colors={[]}
               contentFit={"cover"}
               url={jellyseerrApi?.imageProxy(
                 item.backdrops?.[0],

package.json

@@ -18,114 +18,114 @@
     "postinstall": "patch-package"
   },
   "dependencies": {
-    "@bottom-tabs/react-navigation": "0.8.6",
-    "@config-plugins/ffmpeg-kit-react-native": "^9.0.0",
-    "@expo/config-plugins": "~9.0.15",
+    "@bottom-tabs/react-navigation": "0.8.3",
+    "@config-plugins/ffmpeg-kit-react-native": "^8.0.0",
+    "@expo/config-plugins": "~8.0.0",
     "@expo/react-native-action-sheet": "^4.1.0",
     "@expo/vector-icons": "^14.0.4",
-    "@futurejj/react-native-visibility-sensor": "^1.3.10",
-    "@gorhom/bottom-sheet": "^5.1.0",
+    "@futurejj/react-native-visibility-sensor": "^1.3.5",
+    "@gorhom/bottom-sheet": "^4.6.4",
     "@jellyfin/sdk": "^0.11.0",
     "@kesha-antonov/react-native-background-downloader": "3.2.6",
     "@react-native-async-storage/async-storage": "1.23.1",
-    "@react-native-community/netinfo": "11.4.1",
-    "@react-native-menu/menu": "^1.2.2",
-    "@react-navigation/bottom-tabs": "^7.2.0",
-    "@react-navigation/material-top-tabs": "^7.1.0",
-    "@react-navigation/native": "^7.0.14",
-    "@shopify/flash-list": "1.7.1",
-    "@tanstack/react-query": "^5.66.0",
-    "@types/lodash": "^4.17.15",
+    "@react-native-community/netinfo": "11.3.1",
+    "@react-native-menu/menu": "^1.1.6",
+    "@react-navigation/bottom-tabs": "^7.0.0",
+    "@react-navigation/material-top-tabs": "^6.6.14",
+    "@react-navigation/native": "^6.1.18",
+    "@shopify/flash-list": "1.6.4",
+    "@tanstack/react-query": "^5.59.20",
+    "@types/lodash": "^4.17.13",
     "@types/react-native-vector-icons": "^6.4.18",
     "@types/uuid": "^10.0.0",
     "add": "^2.0.6",
-    "axios": "^1.7.9",
-    "expo": "^52.0.31",
-    "expo-asset": "~11.0.3",
-    "expo-background-fetch": "~13.0.5",
-    "expo-blur": "~14.0.3",
-    "expo-brightness": "~13.0.3",
-    "expo-build-properties": "~0.13.2",
-    "expo-constants": "~17.0.5",
-    "expo-crypto": "~14.0.2",
-    "expo-dev-client": "~5.0.11",
-    "expo-device": "~7.0.2",
-    "expo-font": "~13.0.3",
-    "expo-haptics": "~14.0.1",
-    "expo-image": "~2.0.4",
-    "expo-keep-awake": "~14.0.2",
-    "expo-linear-gradient": "~14.0.2",
-    "expo-linking": "~7.0.5",
+    "axios": "^1.7.7",
+    "expo": "^51",
+    "expo-asset": "~10.0.10",
+    "expo-background-fetch": "~12.0.1",
+    "expo-blur": "~13.0.3",
+    "expo-brightness": "~12.0.1",
+    "expo-build-properties": "~0.12.5",
+    "expo-constants": "~16.0.2",
+    "expo-crypto": "~13.0.2",
+    "expo-dev-client": "~4.0.29",
+    "expo-device": "~6.0.2",
+    "expo-font": "~12.0.10",
+    "expo-haptics": "~13.0.1",
+    "expo-image": "~1.13.0",
+    "expo-keep-awake": "~13.0.2",
+    "expo-linear-gradient": "~13.0.2",
+    "expo-linking": "~6.3.1",
     "expo-localization": "~16.0.1",
-    "expo-network": "~7.0.5",
-    "expo-notifications": "~0.29.13",
-    "expo-router": "~4.0.17",
-    "expo-screen-orientation": "~8.0.4",
-    "expo-sensors": "~14.0.2",
-    "expo-splash-screen": "~0.29.21",
-    "expo-status-bar": "~2.0.1",
-    "expo-system-ui": "~4.0.8",
-    "expo-task-manager": "~12.0.5",
-    "expo-updates": "~0.26.17",
-    "expo-web-browser": "~14.0.2",
+    "expo-network": "~6.0.1",
+    "expo-notifications": "~0.28.19",
+    "expo-router": "~3.5.24",
+    "expo-screen-orientation": "~7.0.5",
+    "expo-sensors": "~13.0.9",
+    "expo-splash-screen": "~0.27.7",
+    "expo-status-bar": "~1.12.1",
+    "expo-system-ui": "~3.0.7",
+    "expo-task-manager": "~11.8.2",
+    "expo-updates": "~0.25.28",
+    "expo-web-browser": "~13.0.3",
     "ffmpeg-kit-react-native": "^6.0.2",
     "i18next": "^24.2.2",
     "install": "^0.13.0",
-    "jotai": "^2.11.3",
+    "jotai": "^2.10.1",
     "lodash": "^4.17.21",
     "nativewind": "^2.0.11",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-native": "npm:react-native-tvos@~0.74.5-0",
     "react-i18next": "^15.4.0",
-    "react-native": "npm:react-native-tvos@~0.77.0-0",
-    "react-native-awesome-slider": "^2.9.0",
-    "react-native-bottom-tabs": "0.8.6",
+    "react-native-awesome-slider": "^2.5.6",
+    "react-native-bottom-tabs": "0.8.3",
     "react-native-circular-progress": "^1.4.1",
-    "react-native-compressor": "^1.10.3",
+    "react-native-compressor": "^1.9.0",
     "react-native-country-flag": "^2.0.2",
-    "react-native-device-info": "^14.0.4",
-    "react-native-edge-to-edge": "^1.4.3",
-    "react-native-gesture-handler": "~2.20.2",
+    "react-native-device-info": "^14.0.1",
+    "react-native-edge-to-edge": "^1.1.3",
+    "react-native-gesture-handler": "~2.16.1",
     "react-native-get-random-values": "^1.11.0",
     "react-native-google-cast": "^4.8.3",
     "react-native-image-colors": "^2.4.0",
-    "react-native-ios-context-menu": "^3.1.0",
-    "react-native-ios-utilities": "5.1.1",
+    "react-native-ios-context-menu": "^2.5.2",
+    "react-native-ios-utilities": "4.5.3",
     "react-native-mmkv": "^2.12.2",
-    "react-native-pager-view": "6.5.1",
+    "react-native-pager-view": "6.3.0",
     "react-native-progress": "^5.0.1",
-    "react-native-reanimated": "~3.16.7",
-    "react-native-reanimated-carousel": "3.5.1",
-    "react-native-safe-area-context": "4.12.0",
-    "react-native-screens": "~4.4.0",
-    "react-native-svg": "15.8.0",
-    "react-native-tab-view": "^4.0.5",
+    "react-native-reanimated": "~3.10.1",
+    "react-native-reanimated-carousel": "4.0.0-canary.22",
+    "react-native-safe-area-context": "4.10.5",
+    "react-native-screens": "3.31.1",
+    "react-native-svg": "15.2.0",
+    "react-native-tab-view": "^3.5.2",
     "react-native-udp": "^4.1.7",
     "react-native-uitextview": "^1.4.0",
     "react-native-url-polyfill": "^2.0.0",
-    "react-native-uuid": "^2.0.3",
-    "react-native-video": "6.10.0",
-    "react-native-volume-manager": "^2.0.8",
+    "react-native-uuid": "^2.0.2",
+    "react-native-video": "6.8.2",
+    "react-native-volume-manager": "^1.10.0",
     "react-native-web": "~0.19.13",
-    "react-native-webview": "13.12.5",
-    "sonner-native": "^0.17.0",
+    "react-native-webview": "13.8.6",
+    "sonner-native": "^0.14.2",
     "tailwindcss": "3.3.2",
     "use-debounce": "^10.0.4",
-    "uuid": "^11.0.5",
-    "zeego": "^2.0.4",
-    "zod": "^3.24.1"
+    "uuid": "^10.0.0",
+    "zeego": "^1.10.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.8",
     "@react-native-community/cli": "15.1.3",
     "@react-native-tvos/config-tv": "^0.1.1",
+    "@babel/core": "^7.26.0",
     "@types/jest": "^29.5.14",
-    "@types/react": "~18.3.12",
-    "@types/react-test-renderer": "^19.0.0",
+    "@types/react": "~18.2.79",
+    "@types/react-test-renderer": "^18.0.7",
     "patch-package": "^8.0.0",
     "postinstall-postinstall": "^2.1.0",
-    "react-test-renderer": "19.0.0",
-    "typescript": "~5.7.3"
+    "react-test-renderer": "18.2.0",
+    "typescript": "~5.3.3"
   },
   "private": true,
   "expo": {

providers/DownloadProvider.tsx

@@ -1,11 +1,6 @@
-import { useHaptic } from "@/hooks/useHaptic";
-import useImageStorage from "@/hooks/useImageStorage";
 import { DownloadMethod, useSettings } from "@/utils/atoms/settings";
 import { getOrSetDeviceId } from "@/utils/device";
-import useDownloadHelper from "@/utils/download";
-import { getItemImage } from "@/utils/getItemImage";
 import { useLog, writeToLog } from "@/utils/log";
-import { storage } from "@/utils/mmkv";
 import {
   cancelAllJobs,
   cancelJobById,
@@ -18,11 +13,19 @@ import {
   BaseItemDto,
   MediaSourceInfo,
 } from "@jellyfin/sdk/lib/generated-client/models";
-import { focusManager, useQuery, useQueryClient } from "@tanstack/react-query";
+const BackGroundDownloader = !Platform.isTV
+  ? require("@kesha-antonov/react-native-background-downloader")
+  : null;
+import MMKV from "react-native-mmkv";
+import {
+  focusManager,
+  QueryClient,
+  QueryClientProvider,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
 import axios from "axios";
-import * as Application from "expo-application";
 import * as FileSystem from "expo-file-system";
-import { FileInfo } from "expo-file-system";
 import { useRouter } from "expo-router";
 import { atom, useAtom } from "jotai";
 import React, {
@@ -31,16 +34,21 @@ import React, {
   useContext,
   useEffect,
   useMemo,
+  useState,
 } from "react";
-import { useTranslation } from "react-i18next";
 import { AppState, AppStateStatus, Platform } from "react-native";
 import { toast } from "sonner-native";
 import { apiAtom } from "./JellyfinProvider";
-const BackGroundDownloader = !Platform.isTV
-  ? (require("@kesha-antonov/react-native-background-downloader") as typeof import("@kesha-antonov/react-native-background-downloader"))
-  : null;
 // import * as Notifications from "expo-notifications";
 const Notifications = !Platform.isTV ? require("expo-notifications") : null;
+import { getItemImage } from "@/utils/getItemImage";
+import useImageStorage from "@/hooks/useImageStorage";
+import { storage } from "@/utils/mmkv";
+import useDownloadHelper from "@/utils/download";
+import { FileInfo } from "expo-file-system";
+import { useHaptic } from "@/hooks/useHaptic";
+import * as Application from "expo-application";
+import { useTranslation } from "react-i18next";
 
 export type DownloadedItem = {
   item: Partial<BaseItemDto>;
@@ -58,8 +66,6 @@ const DownloadContext = createContext<ReturnType<
 > | null>(null);
 
 function useDownloadProvider() {
-  if (Platform.isTV) return;
-  
   const queryClient = useQueryClient();
   const { t } = useTranslation();
   const [settings] = useSettings();
@@ -171,7 +177,7 @@ function useDownloadProvider() {
   useEffect(() => {
     const checkIfShouldStartDownload = async () => {
       if (processes.length === 0) return;
-      await BackGroundDownloader?.checkForExistingDownloads();
+      await BackGroundDownloader.checkForExistingDownloads();
     };
 
     checkIfShouldStartDownload();
@@ -215,7 +221,7 @@ function useDownloadProvider() {
         )
       );
 
-      BackGroundDownloader?.setConfig({
+      BackGroundDownloader.setConfig({
         isLogsEnabled: true,
         progressInterval: 500,
         headers: {
@@ -240,7 +246,7 @@ function useDownloadProvider() {
 
       const baseDirectory = FileSystem.documentDirectory;
 
-      BackGroundDownloader?.download({
+      BackGroundDownloader.download({
         id: process.id,
         url: settings?.optimizedVersionsServerUrl + "download/" + process.id,
         destination: `${baseDirectory}/${process.item.Id}.mp4`,
@@ -301,7 +307,7 @@ function useDownloadProvider() {
         })
         .error(async (error) => {
           removeProcess(process.id);
-          BackGroundDownloader.completeHandler(process.id);
+          completeHandler(process.id);
           let errorMsg = "";
           if (error.errorCode === 1000) {
             errorMsg = "No space left";