react-websocket | Easy-to-use React component for websocket communications | Websocket library

In my project I am using a React front-end and a Flask server with a RESTful API. The basic functionality is that the front-end fetches data from the server and displays it. This works fine, but I figured I'd improve upon it by making the client automatically re-fetch whenever the server receives new data from elsewhere. I could use polling and just fire off a fetch request in intervals, but this seems like the perfect use case for WebSockets. As such, I'm trying to implement a websocket connection between the server and client in which the server sends a message to the client when certain events happen.

My server is written in python with Flask, and it seemed like a good idea to use a websocket library specific to Flask. I ended up using flask-socketio, but I've been having problems making it work. The relevant parts of my server is as follows: