как получить доступ к компоненту из другого порта

Question

Например, если у меня есть URL www.testonly.com с 3 различными портами 3000, 3001, 3002

Тогда у меня есть приложение, работающее на портах 3000 и 3001. Теперь я хочу получить доступ к любому компоненту из приложения, работающего на порт: 3001 в приложении, работающем на: 3000

Возможно ли это сделать, будет ли политика кросс-происхождения как-то связана с этим, как я смогу достичь такого рода функциональности

Также я не хочу использовать тег <iframe /> html для этого, так как любые изменения в компоненте источника будут влиять на каждый компонент, где я использую <iframe />

Я хочу добиться чего-то вроде ниже

      <Router>       
         <Route path="/test" render={(props) => <ComponentFromOtherPort {...state} {...props} />} />         
      </Router> 

1. Здесь <ComponentForOtherPort /> - это компонент, код которого работает на порте: 3001

2. В приложении присутствуют маршрутизаторы React работает на порту: 3000

Каждый раз, когда я хочу отправить различные значения с <ComponentForOtherPort />, и на этом компоненте я хочу, чтобы реквизиты использовались примерно так, как показано ниже.

//code on :3001
class ComponentForOtherPort extends React.Component{    
componentDidMount(){    
 //props 
 console.log(this.props);
 }
}