在初始 zegoCloud 数据时的状态下检测到不可序列化的值

Question

这是我来自 Home.js 的代码。基本上我想在第一次登录首页就会

dispatch(setZego(zp))

值。

useEffect(() => {
        if (currentUser) {
            init();
        }
    }, []);

    async function init() {
        const userID = currentUser?.Username;
        const userName = 'userName' + userID;
        const { token } = await generateToken('https://node-express-vercel-master-one.vercel.app', userID);
        const KitToken = ZegoUIKitPrebuilt.generateKitTokenForProduction(1980920521, token, null, userID, userName);
        zp = ZegoUIKitPrebuilt.create(KitToken);
        zp.addPlugins({ ZIM });
        dispatch(setZego(zp));
    }
    async function generateToken(tokenServerUrl, userID) {
        return fetch(`${tokenServerUrl}/api/userID/${userID}`, {
            method: 'GET',
        }).then((res) => res.json());
    }

这是我的聊天幻灯片

const chatSlice = createSlice({
    name: 'chat',
    initialState: {
        zego: null,
    },
    reducers: {
        setZego: (state, action) => {
            state.zego = action.payload;
        },
    },
});

export const { setZego } = chatSlice.actions;

但是当我登录主页时。错误是这样发生的。

有办法解决这个问题吗？我一直坚持这两天，但没有答案。谢谢大家，希望你们今天过得愉快。

还有当我

console.log(zp)

像这样