diff --git a/packages/ui-react/src/pages/ScreenRouting/MediaScreenRouter.tsx b/packages/ui-react/src/pages/ScreenRouting/MediaScreenRouter.tsx index 675749a86..65bc5db2e 100644 --- a/packages/ui-react/src/pages/ScreenRouting/MediaScreenRouter.tsx +++ b/packages/ui-react/src/pages/ScreenRouting/MediaScreenRouter.tsx @@ -36,10 +36,10 @@ mediaScreenMap.register(MediaSeries, (item) => !!item && isLegacySeriesFlow(item const MediaScreenRouter = () => { const params = useParams(); const id = params.id || ''; - const { isFetching, error, data } = useMedia(id); + const { isLoading, isFetching, error, data } = useMedia(id); const { t } = useTranslation('error'); - if (isFetching) { + if (isLoading) { return <Loading />; } @@ -50,7 +50,7 @@ const MediaScreenRouter = () => { const MediaScreen = mediaScreenMap.getScreen(data); return ( - <Fade key={id} open> + <Fade open> <MediaScreen data={data} isLoading={isFetching} /> </Fade> );