Каналы Django с react не отправляют данные другим клиентам

Всем привет! У меня есть небольшая проблема, когда все работает нормально с websocket, за исключением того, что если я открываю другой клиент, данные на другом клиенте не изменяются. Я опубликую свой код и объясню больше

import React, { Component, useEffect, useState } from 'react'
import { client, w3cwebsocket } from 'websocket'
import { Form, Button, Row, Col, Container } from 'react-bootstrap'

function RoomScreen() {

const [value, setValue] = useState('initialTest')
const [room, setRoom] = useState('new_room')

  client = new w3cwebsocket(
    'ws://' + '127.0.0.1:8000' + '/ws/' + room + '/'
  )

  const testHandler = (e) => {
    
    client.send(JSON.stringify({
      "click": "Someone Clicked",
    }))
    e.preventDefault()
  }

  client.onmessage = (e) => {
    const dataTest = JSON.parse(e.data)
    if(Object.keys(dataTest)[0] == "sent"){
      console.log(dataTest)
      setValue(dataTest["sent"])
      document.querySelector(".test-form").innerHTML = value
    }
  }

  return (
    <Container>
      <Form onSubmit={testHandler}>

        <Form.Group controlId='test'>
          <Form.Label className='test-form'>Dumb Test</Form.Label>
        </Form.Group>

        <Button type='submit' variant='primary'>
          Click Test
        </Button>

      </Form>
    </Container>
  )
}

Что должно произойти, когда я получаю сообщение от бэкенда, я использую селектор запросов, чтобы изменить form.label на это сообщение. Это работает на одном клиенте, но если я открываю другой клиент, то form.Label не меняется. Надеюсь, я был достаточно понятен

Вернуться на верх