Stuck on an issue?

Steps to Reproduce (for bugs)

1. Connect a client on Chrome
2. Connect a client on Firefox (everything works fine at this point and the map is loaded correctly and players see each other and can move)
3. Reload one of the tab (either Chrome or Firefox)
4. The reloaded tabs throws the following error, and the state is corrupted (no more listeners working)

   at _loop_1 (annotations.js:175)
   at _.Schema.decode (annotations.js:351)
   at _loop_1 (annotations.js:320)
   at _.Schema.decode (annotations.js:351)
   at SchemaSerializer.setState (SchemaSerializer.js:15)
   at Room.setState (Room.js:177)
   at Room.onMessageCallback (Room.js:165)
   at Connection.onMessageCallback (index.js:118)

This is how I initialize my listeners to the Colyseus room events:

this.colyseusClient = new Client(API_WS_URL)
this.colyseusRoom = this.colyseusClient.join(ROOM_NAME)
this.colyseusRoom.onJoin.add(() => {

  // Walls
  this.colyseusRoom.state.walls.onAdd = (wall, key) => this.handleWallAdd(key, wall)

  // Players
  this.colyseusRoom.state.players.onAdd = (player, key) => this.handlePlayerAdd(key, player)
  this.colyseusRoom.state.players.onChange = (player, key) => this.handlePlayerChange(key, player)
  this.colyseusRoom.state.players.onRemove = (player, key) => this.handlePlayerRemove(key)
  
})

Context

I am creating a top-down shooter in 2d and had it working fine with Colyseus 9.x (working demo https://tdbr-cf83c.firebaseapp.com/).

I tried migrating on 10.x, but I get errors whenever a client reloads a tab when other clients are connected too.

Your Environment

• Colyseus Version: server 0.10.1, client (JS) 0.10.2
• Node.js Version: 10.15-alpine
• Operating System and version: Ubuntu 18.04 LTS