проблема с Link of response-router-dom, не работает должным образом в некоторой части кода

Question

Ссылка 'Reaction-router-dom' v4 работает правильно в некоторой части кода, но неправильно (обновить страницу дыры как тег 'a') в другой части (я упоминал в коде ниже).это мой код, а компонент Page - это макет для Routes.

...

render() {
        return (
            <Router>
                <div className={"container-fluid"}>
                    <div className="row">
                        <nav id="main-nav" className="navbar navbar-expand-lg fixed-top navbar-dark bg-dark w-100">
       .......
                            <Link to="/home/show-users">
                                show users   **** this work correctly ***
                            </Link>
.......

                        </nav>
                    </div>
                    <div id={"main-content"} className="row" dir={"rtl"}>
                        <Page>
                            {this.props.children}
                        </Page>
                    </div>
                    <div id={"sidebar"} className="row" dir={"rtl"}>
                        <div id={"sidebar-nav"}>
                            <ul>
                             <li>
                                ..
                            </li>
                             </ul>
                        </div>
                        <div id={"sidebar-menu"}>
                           <ul>
                             <li>
                                <Link to="/home/show-users">
                                    show users    **** this work like a tag!***
                                 </Link>
                            </li>
                          </ul>
                        </div>
                    </div>
                </div>


            </Router>

в чем проблема?

Я нахожу ответ! У меня было событие.stopPropagation () на #sidebar (родительском для этой ссылки) и onClickбыл диалект.