diff --git a/src/RootApp.tsx b/src/RootApp.tsx
index 5a0497d9d7..1caa2e2906 100644
--- a/src/RootApp.tsx
+++ b/src/RootApp.tsx
@@ -5,10 +5,14 @@ import React from 'react';
 import { ApiProvider } from 'hooks/useApi';
 import { UserSettingsProvider } from 'hooks/useUserSettings';
 import { WebConfigProvider } from 'hooks/useWebConfig';
+import browser from 'scripts/browser';
 import { queryClient } from 'utils/query/queryClient';
 
 import RootAppRouter from 'RootAppRouter';
 
+const useReactQueryDevtools = window.Proxy // '@tanstack/query-devtools' requires 'Proxy', which cannot be polyfilled for legacy browsers
+    && !browser.tv; // Don't use devtools on the TV as the navigation is weird
+
 const RootApp = () => (
     <QueryClientProvider client={queryClient}>
         <ApiProvider>
@@ -18,7 +22,7 @@ const RootApp = () => (
                 </WebConfigProvider>
             </UserSettingsProvider>
         </ApiProvider>
-        {window.Proxy && ( // '@tanstack/query-devtools' requires 'Proxy', which cannot be polyfilled for legacy browsers
+        {useReactQueryDevtools && (
             <ReactQueryDevtools initialIsOpen={false} />
         )}
     </QueryClientProvider>