How to structure a websocket connection with a RESTful callback for the port in a React functional component

Question

What is the correct way to structure a websocket connection within a React app where the socket port is loaded via a RESTful call on page load?

1. User loads React App