diff --git a/app/hooks/useBackgroundLoadingMedia/useBackgroundLoadingMedia.tsx b/app/hooks/useBackgroundLoadingMedia/useBackgroundLoadingMedia.tsx index f122638e3..0acd07373 100644 --- a/app/hooks/useBackgroundLoadingMedia/useBackgroundLoadingMedia.tsx +++ b/app/hooks/useBackgroundLoadingMedia/useBackgroundLoadingMedia.tsx @@ -12,6 +12,7 @@ export const useBackgroundLoadingMedia = () => { //CASE 1: first load // if myMovies undefined, poll for the first time if (!userMovies.value) { + userMovies.value = []; PollUserMovies(); return; } diff --git a/app/hooks/useBackgroundLoadingMedia/utilities.ts b/app/hooks/useBackgroundLoadingMedia/utilities.ts index 048afea2d..65854c057 100644 --- a/app/hooks/useBackgroundLoadingMedia/utilities.ts +++ b/app/hooks/useBackgroundLoadingMedia/utilities.ts @@ -12,6 +12,7 @@ import { authentication, setUserAudioItems, setUserMovies, + userMovies, } from "~/signals"; const { userInfo } = authentication; @@ -28,7 +29,9 @@ export function PollUserMovies() { }, ) .then((res: GetMediaListResponse) => { - setUserMovies(res.results); + if (userMovies.value && res.results.length !== userMovies.value.length) { + setUserMovies(res.results); + } }) .catch(() => { addToast(ToastTypes.ERROR, "Unknown Error in Loading My Movies");