JSONDecodeError при работе с websockets

Я учусь работать с WebSockets. Я использую Django на стороне сервера и react на стороне клиента. Я могу подключиться и отправить объект на бэкенд, но не могу получить массаж на стороне фронтенда. Я делюсь своим кодом. Пожалуйста, укажите мне мои недостатки и идеальный способ сделать базовую настройку сокетов на фронтенде и бэкенде. Спасибо.

django-python

import json
from channels.generic.websocket import WebsocketConsumer

class ProjectConsumer(WebsocketConsumer):
    def connect(self):
        print("HEY HEY HEY HEY")
        self.accept()

    def disconnect(self, close_code):
        pass

    def receive(self, text_data):
    print("Reciasha",text_data)
    text_data_json = json.loads(text_data)
    # message = text_data_json['message']
    message =text_data
    print("Hey",message)


    self.send(text_data=json.dumps({
        'message': message
    }))

React-js

export const WebSocketTest = () => { 
   var ws = new WebSocket("ws://localhost:8000/ws/projects/");
   ws.onopen = function() {
                  
        // Web Socket is connected, send data using send()
        const msg = {
         "firstName": "Jane",
         "lastName": "Doe",
         }
        ws.send(msg);
        alert("Message is sent...");
     };
      
   ws.onmessage = function (evt) {
      const data = JSON.parse(evt.data); 
      // var received_msg = evt.data;
      console.log(evt)
      console.log("data",data)
      console.log("received_msg",data["message"])
      alert("Message is received...");
     };
      
   ws.onclose = function() { 
        
        // websocket is closed.
        alert("Connection is closed..."); 
     };
}

Прямо сейчас я столкнулся со следующей ошибкой:

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