Перенаправление на страницу ошибки ReactJS и react-router

Я пытаюсь отправить пользователя на общую страницу ошибки, когда приложение ломается, дело в том, что я пытаюсь использовать ErrorBoundary, а затем рендеринг Redirect;

export default class ErrorBoundary extends Component {
    state = { has_error: false }

    componentDidCatch(error, info)
        this.setState({ has_error: true });
    }


    render() {
        if (this.state.has_error)
            return <Redirect to="/somewhere/else" />
        }
        return this.props.children;
    }
};

А затем с помощью ErrorBoundary обернуть все маршруты и подкомпоненты внутри маршрутизатора.

<Router history={history}>
    <ErrorBoundary>
        <Header />
        <Switch>
            <Route exact path="/" component={Home} />
            <Route
                path="/createManager/:managerId"
                component={CreateManager}
            />
            <Route path="/login" component={LoginComp} />
            <Route path="/test" component={Test} />
            <Route path="/register" component={RegisterAccount} />
            <Route component={NotFound} />
        </Switch>
        <Footer />
    </ErrorBoundary>
</Router>

КомпонентDidCatch никогда не срабатывает, поэтому никогда не покидает текущую страницу ошибки ни в версии для разработчиков, ни в рабочей версии. Как я могу отправить пользователя на маршрут X, когда приложение ломается или пытается выдать ошибку?

Чтобы вызвать ошибку, я оставляю один компонент с пустой опорой, а затем щелкаю, пытаясь использовать функцию, которая должна быть передана в опоре.