Я использую ответный запрос для получения информации о новом фильме

Я создавал веб-приложение для фильмов, используя React и tmdb API. У меня есть страница под названием Movies.jsx, где все фильмы извлекаются с помощью запроса реакции, и это отлично работает. У меня также есть страница movieInfo.jsx, которая отвечает за отображение подробностей конкретного фильма на основе идентификатора в URL-адресе с использованием запроса реакции.
Проблема в том, что когда я открываю фильм, возвращаюсь к списку фильмов, а затем открываю другой, на странице movieInfo отображаются данные предыдущего фильма. Через несколько секунд он повторно отображает пользовательский интерфейс и показывает тот, на который я нажал.
Как решить эту проблему, чтобы информация о предыдущем фильме не отображалась после нажатия на другой фильм?

Я новичок в реагировании на запрос, спасибо.

Попытка получить данные с помощью запроса реакции

Код MovieInfo.jsx:

const { movieId } = useParams();
const { data: movieInfo, isLoading } = useQuery({
    queryKey: ["movieInfo"],
    queryFn: () => getMovieInfoById(movieId),
    onError: (err) => console.info(err),
  });