无法读取杜比交互 API 客户端 SDK

如何解决无法读取杜比交互 API 客户端 SDK

我正在使用 Dolby Interactivity API 构建视频会议应用。

我尝试在我的 React 应用程序中使用 Dolby Interactivity APIs Client SDK。我遵循了此处给出的文档： https://dolby.io/developers/interactivity-apis/reference/client-ux-kit/uxkit-voxeet-react

主页加载良好，但当我加入通话时，页面因错误而崩溃：

TypeError: Cannot read property 'has' of undefined
at c.value (bundle.js:22)
at finishClassComponent (bundle.js:27)
at updateClassComponent (bundle.js:28)
at beginWork (bundle.js:28)
at HTMLUnkNownElement.callCallback (bundle.js:2)
at Object.invokeGuardedCallbackDev (bundle.js:1)
at invokeGuardedCallback (bundle.js:8)
at beginWork$1 (bundle.js:27)
at performunitOfWork (bundle.js:27)
at workLoopSync (bundle.js:27)
at renderRootSync (bundle.js:27)
at performSyncWorkOnRoot (bundle.js:27)
at bundle.js:14
at unstable_runWithPriority (react-dom.development.js:1009)
at runWithPriority$1 (bundle.js:14)
at flushSyncCallbackQueueImpl (bundle.js:14)
at flushSyncCallbackQueue (bundle.js:15)
at scheduleUpdateOnFiber (bundle.js:27)
at Object.enqueueSetState (bundle.js:15)
at u.webpackHotUpdate../node_modules/@voxeet/react-components/node_modules/react/cjs/react.development.js.Component.setState (react.development.js:325)
at u.c.onStateChange (bundle.js:1)
at Object.notify (bundle.js:1)
at e.t.notifynestedSubs (bundle.js:1)
at u.c.onStateChange (bundle.js:1)
at dispatch (redux.js:222)
at index.js:11
at dispatch (redux.js:638)
at bundle.js:1

我已经稍微查看了他们的文档，但无法找到问题所在。如果有人以前使用过此工具或对此有任何了解，请帮助我解决此问题。

App.js 文件：

import { reducer as voxeetReducer } from "@voxeet/react-components"
import React from "react"
import thunkMidleware from "redux-thunk"
import { combineReducers,createStore,applyMiddleware } from "redux"

import { ConferenceRoom,VoxeetProvider } from "@voxeet/react-components"

import "@voxeet/react-components/dist/voxeet-react-components.css"

const reducers = combineReducers({
  voxeet: voxeetReducer,})

const configureStore = () =>         
createStore(reducers,applyMiddleware(thunkMidleware))

const settings = {
  consumerKey: "xxxxxxxxxxxxx",consumerSecret: "xxxxxxxxxxxxx",conferenceAlias: "Sample",}

function App() {
  return (
    <VoxeetProvider store={configureStore()}>
      <ConferenceRoom
        autoJoin
        consumerKey={settings.consumerKey}
        consumerSecret={settings.consumerSecret}
        conferenceAlias={settings.conferenceAlias}
      />
    </VoxeetProvider>
  )
}

export default App