reactjs - React Routerはリンクを変更しますが、本文を変更できません

Question

React router リンクタグは最初のページとページでも変更されましたが、2番目のページには多くのリンクがあります このリンクをクリックすると、リンクは変更できますが、本文は変更できません。どうすれば修正できますか... ルーターコード:

            <Switch>
          <Route exact strict path="/">
            <Home />
          </Route>
          <Route exact strict path="/about/">
            <About />
          </Route>
          <Route exact strict path="/channel/:title" component={withRouter(Dashboard)} />
        </Switch>
      </div>
    </Router>

2 ページ目のコード

   function Dashboard() {
const { title } = useParams();
return (
   <div>
     <Play 
     title={title}
     />
   </div>
 );
}

小道具を介していくつかのデータを渡す

//this is <Play/> component code just showing here shortly
<Router>
<VideoPlayer
      controls={true}
      src={this.state.link}
      poster={this.state.poster}
      width={window.screen.width}
      height={window.screen.height - (window.screen.width+100)}
    />
  <Link to="/channel/Rtv">Rtv</Link>
      </div>
      </Router>

このコードのほんの一部を表示しています... 助けてください...どうすればエラーを修正できますか

完全なコードはこちら: https://gist.github.com/fahadali32/8643d33a2328c1375552e4ba7637fc92