Реактивный маршрутизатор перенаправляет повторный рендеринг того же компонента, из которого он вызван, а не перенаправлен на указанный путь

Question

Я пытаюсь перенаправить компонент с другого, после изменения состояния с помощью

в Компоненте B.js, я хочу, чтобы перенаправление щелкнуло следующим образом:

 if(this.state.something) return <Redirect to= "/" />

вКомпонент A.js

`

import { Route,Switch,BrowserRouter  as Router} from 'react-router-dom';

    const  ComponentA  = () => { 

    return (  

        <Router>
            <React.Fragment>

                <Switch>
                    <Route exact path="/somepath/:name/:id/"  component={ComponentXYZ} />
                    <Route  path='/' exact component={Log} />

                </Switch> 

            </React.Fragment>
        </Router>

)} ;
export default ComponentA ;`

Моя проблема заключается в том, что URL-адрес перенаправления при включении изменяется на 'localhost:3000/', но компонент A отображает маршрут с компонентом 'abc' вместо 'Log'.Если я обновлю браузер, компонент Log отобразит и отобразит вид.Я попытался history.push, а также withRouter, чтобы решить проблему, но не повезло.Пожалуйста, помогите, я новичок в программировании.TIA:)