реагировать маршрутизатор не перенаправил (только после перезагрузки страницы)

Question

Я хочу перенаправить пользователя на другой маршрут, если заказ отменен

import * as React from 'react';
import { Route, RouteProps, Redirect } from 'react-router-dom';
import { useSelector } from 'react-redux';
import { getOrderId, isCancelled } from '../Checkout/store/order/selectors';

const ProtectedRoute: React.FC<RouteProps> = props => {
    const orderId = useSelector(getOrderId);
    const isOrderCancelled = useSelector(isCancelled);
    console.log(isOrderCancelled); // <-- true

    return isOrderCancelled ? <Redirect to={`/booking/${orderId}/passengers`} /> : <Route {...props} />;
};

export default ProtectedRoute;

, но вместо перенаправления я получаю пустую страницу, и она работает нормально только при перезагрузке страницы

выглядит вот так:

и работает нормально только при перезагрузке страницы