Estoy tratando de usar una conexión websocket en una clase de componente, pero necesito declararla por separado de la función que la abre. ¿Hay alguna manera de declarar universalmente o en estado para poder acceder al websocket abierto, para poder cerrarlo antes de abrir otro?

He intentado declarar en la parte superior de la página con importaciones.

 const ws = new WebSocket("wss://ws-feed.pro.coinbase.com");

También convirtiéndolo en un atributo de la clase:

 lass App extends Component { constructor (props) { super(props); this.ws = new WebSocket("wss://ws-feed.pro.coinbase.com"); this.state = { } }

pero siempre arrojará el error: 'ws' no está definido no-undef