From 61616dd2b9a237f27faa8215d874566575c3064e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 24 Feb 2026 00:45:43 -0800
Subject: [PATCH] move remote hook to global scope (#1752)

---
 src/renderer/features/player/components/audio-players.tsx    | 2 ++
 src/renderer/features/player/components/playerbar-slider.tsx | 3 ---
 src/renderer/features/remote/hooks/use-remote.tsx            | 5 +++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/features/player/components/audio-players.tsx b/src/renderer/features/player/components/audio-players.tsx
index 0ff9f5cc7..9a3e039c9 100644
--- a/src/renderer/features/player/components/audio-players.tsx
+++ b/src/renderer/features/player/components/audio-players.tsx
@@ -23,6 +23,7 @@ import {
     RadioMetadataHook,
     useIsRadioActive,
 } from '/@/renderer/features/radio/hooks/use-radio-player';
+import { RemoteHook } from '/@/renderer/features/remote/hooks/use-remote';
 import {
     updateQueueFavorites,
     updateQueueRatings,
@@ -57,6 +58,7 @@ export const AudioPlayers = () => {
             <MainPlayerListenerHook />
             <MediaSessionHook />
             <PlaybackHotkeysHook />
+            <RemoteHook />
             <AutoDJHook />
             <QueueRestoreTimestampHook />
             <UpdateCurrentSongHook />
diff --git a/src/renderer/features/player/components/playerbar-slider.tsx b/src/renderer/features/player/components/playerbar-slider.tsx
index 0d58f8933..021977dee 100644
--- a/src/renderer/features/player/components/playerbar-slider.tsx
+++ b/src/renderer/features/player/components/playerbar-slider.tsx
@@ -4,7 +4,6 @@ import { lazy, Suspense } from 'react';
 import { PlayerbarSeekSlider } from './playerbar-seek-slider';
 import styles from './playerbar-slider.module.css';
 
-import { useRemote } from '/@/renderer/features/remote/hooks/use-remote';
 import {
     useAppStore,
     useAppStoreActions,
@@ -37,8 +36,6 @@ export const PlayerbarSlider = () => {
     const showTimeRemaining = useAppStore((state) => state.showTimeRemaining);
     const { setShowTimeRemaining } = useAppStoreActions();
 
-    useRemote();
-
     const isWaveform = playerbarSlider?.type === PlayerbarSliderType.WAVEFORM;
 
     return (
diff --git a/src/renderer/features/remote/hooks/use-remote.tsx b/src/renderer/features/remote/hooks/use-remote.tsx
index 4d4d32d8d..3e351c326 100644
--- a/src/renderer/features/remote/hooks/use-remote.tsx
+++ b/src/renderer/features/remote/hooks/use-remote.tsx
@@ -294,3 +294,8 @@ export const useRemote = () => {
         [],
     );
 };
+
+export const RemoteHook = () => {
+    useRemote();
+    return null;
+};