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 = () => {
+
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;
+};