React全局WebSocket组件

import React, { createContext, useEffect, useRef } from 'react';
import apiConfig from '@configs/servicesIP';
import { notification } from 'antd';
import { CheckCircleFilled } from '@ant-design/icons';

export const WebSocketContext = createContext(null);

export const WebSocketProvider = ({ children }) => {
  const socketRef = useRef();

  const initWebSocket = () => {
    // 创建 WebSocket 连接
    let url = '';
    if (process.env.NODE_ENV === 'development') {
      url = ‘’;
    } else {
      url = window.location.host;
    }

    socketRef.current = new WebSocket('ws://' + url + '');

    socketRef.current.onopen = () => {
      console.log('连接打开');
    };

    socketRef.current.onclose = () => {
      console.log('连接关闭');
    };

    socketRef.current.onerror = (error) => {
      console.error('连接失败:', error);
    };

    socketRef.current.onmessage = (message) => {
      console.log('推送的消息:', message?.data);
      try {