将推杆连接传递到不同组件的最佳方法

Question

在App.tsx中，我这样定义了const pusher：

const pusher = new Pusher('my-key', {
  cluster: 'eu',
});

在我的应用程序中，有一堆嵌套组件。

我想在我的聊天组件中订阅一个新的推送器频道。

在Chat.tsx

 pusher.subscribe('my-chat');

要订阅此新频道，我需要连接到我的const pusher。我应该同时在聊天组件和App组件中定义此const还是将连接保持在我的状态并使用该状态的连接来订阅新频道更好？

像这样（示例将const pusher存储在redux状态）：

this.props.pusher.subscribe('my-chat');