diff --git a/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.tsx b/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.tsx index 7a00c7cf0..cca8982f5 100644 --- a/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.tsx +++ b/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.tsx @@ -162,16 +162,21 @@ function SelectMovieModalContent(props: SelectMovieModalContentProps) { [allMovies, onMovieSelect] ); - const items = useMemo(() => { - const sorted = [...allMovies].sort(sortByProp('sortTitle')); - - return sorted.filter( - (item) => - item.title.toLowerCase().includes(filter.toLowerCase()) || - item.tmdbId.toString().includes(filter) || - item.imdbId?.includes(filter) - ); - }, [allMovies, filter]); + const sortedMovies = useMemo( + () => [...allMovies].sort(sortByProp('sortTitle')), + [allMovies] + ); + + const items = useMemo( + () => + sortedMovies.filter( + (item) => + item.title.toLowerCase().includes(filter.toLowerCase()) || + item.tmdbId.toString().includes(filter) || + item.imdbId?.includes(filter) + ), + [sortedMovies, filter] + ); return (