'set' on proxy: trap returned falsish for property 'stompClient'

[fuyong859050943]

Reproduction

have no example

Steps to reproduce the bug

when use pinia sockjs-client stomp in vue3, i want make a stompStore and get the stompClient every where
code

import { defineStore } from 'pinia'
// import SockJS from 'sockjs-client'
import SockJs from 'sockjs-client/dist/sockjs.min'
import Stomp from 'stompjs'

const useStompStore = defineStore('stomp', {
  state: (): {
    url: string
    checkInterval: any
    stompClient: any
  } => ({
    url: 'http://localhost:9103/ws',
    // 断线重连时 检测连接是否建立成功
    checkInterval: null,
    stompClient: {},
  }),
  getters: {
    stompClient(): any {
      return this.stompClient
    },
  },
  actions: {
    init(url: string) {
      if (this.stompClient == null || !this.stompClient.connected) {
        this.url = url
        if (
          this.stompClient != null &&
          this.stompClient.ws.readyState === SockJs.OPEN
        ) {
          this.stompClient.disconnect(() => {
            this.connect()
          })
        } else if (
          this.stompClient != null &&
          this.stompClient.ws.readyState === SockJs.CONNECTING
        ) {
          console.log('连接正在建立')
          return
        } else {
          this.connect()
        }
        if (!this.checkInterval) {
          const interval = setInterval(() => {
            console.log(`检测连接：${this.stompClient.ws.readyState}`)
            if (this.stompClient != null && this.stompClient.connected) {
              clearInterval(this.checkInterval)
              this.checkInterval = null
              console.log('重连成功')
            } else if (
              this.stompClient != null &&
              this.stompClient.ws.readyState !== SockJs.CONNECTING
            ) {
              // 经常会遇到websocket的状态为open 但是stompClient的状态却是未连接状态，故此处需要把连接断掉 然后重连
              this.stompClient.disconnect(() => {
                this.connect()
              })
            }
          }, 2000)
          this.checkInterval = interval
        }
      } else {
        console.log('连接已建立成功，不再执行')
      }
    },
    connect() {
      const websock = new SockJs(this.url)
      // 获取STOMP子协议的客户端对象
      const stompClientTmp = Stomp.over(websock)
      // 关闭控制台打印
      stompClientTmp.debug = null
      stompClientTmp.heartbeat.outgoing = 20000
      // 客户端不从服务端接收心跳包
      stompClientTmp.heartbeat.incoming = 0
      // 向服务器发起websocket连接
      stompClientTmp.connect(
        // 此处注意更换自己的用户名，最好以参数形式带入
        { name: 'test' },
        (frame: any) => {
          console.error(frame)
          console.log('链接成功！')
          // this.listenerList.forEach((item) => {
          //   this.stompClient.subscribe(item.topic, item.callback)
          // })
          // unsubscribe()可以用来取消客户端对这个目的地destination的订阅
          // stompClient.subscribe("/user/queue/message", msg => {
          //   // this.getData(msg);
          //   console.log(msg)
          // });
        },
        (err: any) => {
          console.error(err)
          setTimeout(() => {
            this.init(this.url)
          }, 1000)
        }
      )
      this.stompClient = stompClientTmp
    },
    send(topic: string, data: any, headers: any = {}) {
      this.stompClient.send(topic, headers, data)
    },
    unsubsrcibe(topic: string) {
      this.stompClient.unsubscribe(topic)
    },
    subsrcibe(topic: string, callback: (res: any) => void) {
      this.stompClient.unsubscribe(topic, callback)
    },
  },
})

export default useStompStore

then run the stompStore.init('http://localhost:9103/ws'), throw a exception

Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'stompClient'
    at Proxy.connect (index.ts:98:12)
    at Proxy.<anonymous> (pinia.mjs:1365:30)
    at store.<computed> (pinia.mjs:917:40)
    at Proxy.init (index.ts:40:16)
    at Proxy.<anonymous> (pinia.mjs:1365:30)
    at store.<computed> (pinia.mjs:917:40)
    at Proxy.connect (index.vue:71:20)
    at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:164:21)
    at HTMLButtonElement.invoker (runtime-dom.esm-bundler.js:339:9)

Expected behavior

don't throw any exception

Actual behavior

throw the exception

Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'stompClient'
    at Proxy.connect (index.ts:98:12)
    at Proxy.<anonymous> (pinia.mjs:1365:30)
    at store.<computed> (pinia.mjs:917:40)
    at Proxy.init (index.ts:40:16)
    at Proxy.<anonymous> (pinia.mjs:1365:30)
    at store.<computed> (pinia.mjs:917:40)
    at Proxy.connect (index.vue:71:20)
    at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:164:21)
    at HTMLButtonElement.invoker (runtime-dom.esm-bundler.js:339:9)

Additional information

No response