diff --git a/src/components/NumberInput/NumberInput.tsx b/src/components/NumberInput/NumberInput.tsx index fe6b84806..391017fc1 100644 --- a/src/components/NumberInput/NumberInput.tsx +++ b/src/components/NumberInput/NumberInput.tsx @@ -21,7 +21,7 @@ type Props = InputHTMLAttributes & { }; const NumberInput = forwardRef(({ defaultValue, ...props }, ref) => { - const [value, setValue] = useState(defaultValue || 1); + const [value, setValue] = useState(defaultValue || 0); const onKeyDown = useCallback((event: KeyboardEvent) => { props.onKeyDown && props.onKeyDown(event); diff --git a/src/routes/MetaDetails/StreamsList/EpisodePicker/EpisodePicker.tsx b/src/routes/MetaDetails/StreamsList/EpisodePicker/EpisodePicker.tsx index b6c6e9fe0..67ceba055 100644 --- a/src/routes/MetaDetails/StreamsList/EpisodePicker/EpisodePicker.tsx +++ b/src/routes/MetaDetails/StreamsList/EpisodePicker/EpisodePicker.tsx @@ -14,7 +14,9 @@ export const EpisodePicker = ({ className, seriesId, onSubmit }: Props) => { const { t } = useTranslation(); const [initialSeason, initialEpisode] = React.useMemo(() => { const [, season, episode] = seriesId ? seriesId.split(':') : []; - return [parseInt(season || '1'), parseInt(episode || '1')]; + const initialSeason = isNaN(parseInt(season)) ? 1 : parseInt(season); + const initialEpisode = isNaN(parseInt(episode)) ? 1 : parseInt(episode); + return [initialSeason, initialEpisode]; }, [seriesId]); const seasonRef = useRef(null); const episodeRef = useRef(null); @@ -26,7 +28,7 @@ export const EpisodePicker = ({ className, seriesId, onSubmit }: Props) => { }, [onSubmit, seasonRef, episodeRef]); return
- +
;