При отправке сообщения получаю следующее
[Vue warn]: VNode created with invalid key (NaN). VNode type: div 
  at <ChatComponent ws= WebSocket {url: 'ws://26.161.24.213:8080/', readyState: 1, bufferedAmount: 0, onopen: null, onerror: null, …}binaryType: "blob"bufferedAmount: 0extensions: ""onclose: nullonerror: nullonmessage: nullonopen: nullprotocol: ""readyState: 1url: "ws://26.161.24.213:8080/"[[Prototype]]: WebSocketCLOSED: 3CLOSING: 2CONNECTING: 0OPEN: 1binaryType: (...)bufferedAmount: (...)close: ƒ close()extensions: (...)onclose: (...)onerror: (...)onmessage: (...)onopen: (...)protocol: (...)readyState: (...)send: ƒ send()url: (...)constructor: ƒ WebSocket()Symbol(Symbol.toStringTag): "WebSocket"get binaryType: ƒ binaryType()set binaryType: ƒ binaryType()get bufferedAmount: ƒ bufferedAmount()get extensions: ƒ extensions()get onclose: ƒ onclose()set onclose: ƒ onclose()get onerror: ƒ onerror()set onerror: ƒ onerror()get onmessage: ƒ onmessage()set onmessage: ƒ onmessage()get onopen: ƒ onopen()set onopen: ƒ onopen()get protocol: ƒ protocol()get readyState: ƒ readyState()get url: ƒ url()[[Prototype]]: EventTarget > 
  at <GamePage onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {play: ƒ, connectWebSocket: ƒ, …}[[Handler]]: ObjectdefineProperty: ƒ defineProperty(target, key, descriptor)get: ƒ get({     _: instance   }, key)has: ƒ has({     _: {       data,       setupState,       accessCache,       ctx,       appContext,       propsOptions     }   }, key)ownKeys: target => {…}set: ƒ set({     _: instance   }, key, value)[[Prototype]]: Object[[Target]]: ObjectconnectWebSocket: ƒ ()length: 0name: "bound connectWebSocket"arguments: (...)caller: (...)[[Prototype]]: ƒ ()[[TargetFunction]]: connectWebSocket() {       this.ws = new WebSocket('ws://26.161.24.213:8080');       this.ws.addEventListener('open', () => {…}[[BoundThis]]: Proxy(Object)[[BoundArgs]]: Array(0)play: ƒ ()length: 0name: "bound play"arguments: (...)caller: (...)[[Prototype]]: ƒ ()[[TargetFunction]]: ƒ play()[[BoundThis]]: Proxy(Object)[[BoundArgs]]: Array(0)playerCount: (...)ws: (...)$: (...)$attrs: (...)$data: (...)$el: (...)$emit: (...)$forceUpdate: (...)$host: (...)$nextTick: (...)$options: (...)$parent: (...)$props: (...)$refs: (...)$root: (...)$slots: (...)$watch: (...)_: (...)get playerCount: () => data[key]length: 0name: "get"arguments: (...)caller: (...)[[FunctionLocation]]: runtime-core.esm-bundler.js:3375[[Prototype]]: ƒ ()[[Scopes]]: Scopes[6]set playerCount: () => {}get ws: () => data[key]set ws: () => {}get $: () => publicPropertiesMap[key](instance)set $: () => {}get $attrs: () => publicPropertiesMap[key](instance)set $attrs: () => {}get $data: () => publicPropertiesMap[key](instance)set $data: () => {}get $el: () => publicPropertiesMap[key](instance)set $el: () => {}get $emit: () => publicPropertiesMap[key](instance)set $emit: () => {}get $forceUpdate: () => publicPropertiesMap[key](instance)set $forceUpdate: () => {}get $host: () => publicPropertiesMap[key](instance)set $host: () => {}get $nextTick: () => publicPropertiesMap[key](instance)set $nextTick: () => {}get $options: () => publicPropertiesMap[key](instance)set $options: () => {}get $parent: () => publicPropertiesMap[key](instance)set $parent: () => {}get $props: () => publicPropertiesMap[key](instance)set $props: () => {}get $refs: () => publicPropertiesMap[key](instance)set $refs: () => {}get $root: () => publicPropertiesMap[key](instance)set $root: () => {}get $slots: () => publicPropertiesMap[key](instance)set $slots: () => {}get $watch: () => publicPropertiesMap[key](instance)set $watch: () => {}get _: () => instance[[Prototype]]: Object[[IsRevoked]]: false > > 
  at <RouterView> 
  at <App>