Yjs/community

Hey guys,
I am trying to set up a simple synced user list using y-websockets on a node server running on Azure and a client that connects to the server.
This works fine and dandy locally and I am able to make connections to my remote deployed Azure node server from local clients as well.
The issue is, the userlist (awarness) is only updated on connections coming from the same device. So if I open 2 tabs in chrome and connect to the remote (Azure) node web socket server the user lists are correctly synced. However if I connect to the same web socket server with my phone at the same time, the user list is not the same between the client on my phone vs the client on my desktop (i.e different IP/devices).

All of the clients use the same room name so I would assume they should all be getting the same awareness updates but it seems the awareness updates are only being propagated locally on clients on the same device but not across different devices.

Here is the really simply client connection:

    const doc = new Y.Doc();
    this.wsProvider = new WebsocketProvider(
      'wss://<the-name-of-my-azure-app>.azurewebsites.net:8080',
      'my-roomname',
      doc
    );

The server code is simple as well:

const WebSocket = require('ws')
const setupWSConnection = require('y-websocket/bin/utils.js').setupWSConnection

const production = process.env.PRODUCTION != null
const port = process.env.PORT || 1234
const wss = new WebSocket.Server({ port })

wss.on('connection', setupWSConnection)

console.log(`Listening to http://localhost:${port} ${production ? '(production)' : ''}`)

Is there anything I am missing here? Am I supposed to do something with the doc in such as way to ensure it is the same doc being accessed? (My assumption is, so long as the room is the same the same doc should be returned by the y-websocket-server)