recordscreen | RecordScreen | Video Utils library

I have been struggling with getting my websockets to work for a livestreaming application I am building. The app is built using the PERN stack and I am using ws. The websockets work perfectly on localhost. The problem is when I try to connect to my websockets in production on my site. If I try using postman to test the websockets production url I get the error below which says '1006 Abnormal Closure: No close frame was received'. I am hosting my server code on EC2 with nginx. The REST API endpoints work perfectly in production, it is just the websocket in production that is not working. My inbound and outbound rules for EC2 allow for all traffic at the moment. Any hints on what I should be checking to resolve this would be greatly appreciated.

Here is my nginx configuration:

In my reactJS app I am trying to get the query param but location is null?

I've got a stateful widget that records audio. It's used on two different screens. I'd like the text on its button to be based upon the screen it's called from. IE: If it's called from one screen the text is "Record" but if it's called from another screen the text is "Try it".

So I passed a parameter to it with the name of the screen that calls it. Then I tried to use a variable with a conditional. But the parameter isn't available and is underlined red. Android Studio tells me "only static members can be accessed in initializers".

So how do I access the "whichscreen" parameter so that I can use it in a variable/conditional?

Here's the code: