Навигация не работает, когда приложение React отображается внутри iframe

Question

У меня есть маршруты, определенные следующим образом:

    const routes = [{ 
      path: '/', 
      component: View 
    },
    { 
      path: '/news', 
      component: News 
    }
    ];

и:

<Router>
   <Switch>
      {routes.map((prop, key) => {
         return <Route path={prop.path} component={prop.component} key={key} />;
         })}
   </Switch>
</Router>

в компоненте просмотра У меня есть ссылка:

<Link to={`/news`}>News</Link>

Это приложение загруженовнутри iframeссылка отображается так:

<a href="/news">News</a>

, но она не работает, ничего не происходит при нажатии.Кто-нибудь сталкивался с такой же проблемой?