SendMessage Within AddListener

[i-jared]

When I try to call sendMessage from within a listener, I get an error saying that Unity is not instantiated yet. Any Idea how to fix this?

const {
    unityProvider,
    isLoaded,
    loadingProgression,
    addEventListener,
    removeEventListener,
    sendMessage,
  } = useUnityContext({
    loaderUrl: 'unity/Build/Desktop.loader.js',
    dataUrl: 'unity/Build/Desktop.data',
    frameworkUrl: 'unity/Build/Desktop.framework.js',
    codeUrl: 'unity/Build/Desktop.wasm',
  })

React.useEffect(async () => {
    addEventListener('LoadGame', async function (objectName) {
      let result = await gameActorRef.current.loadGame(selectedNftIndexRef.current)
      sendMessage(objectName, 'ListenLoadGame', result)
    })}, []
}

[jeffreylanters]

Hi. Are you using callbacks and effects while adding the right dependencies? Would it be possible for you to share some code, this helps narrowing down the problem.

[i-jared]

Sure! I'm probably doing it wrong...

const {
    unityProvider,
    isLoaded,
    loadingProgression,
    addEventListener,
    removeEventListener,
    sendMessage,
  } = useUnityContext({
    loaderUrl: 'unity/Build/Desktop.loader.js',
    dataUrl: 'unity/Build/Desktop.data',
    frameworkUrl: 'unity/Build/Desktop.framework.js',
    codeUrl: 'unity/Build/Desktop.wasm',
  })

React.useEffect(async () => {
    addEventListener('LoadGame', async function (objectName) {
      let result = await gameActorRef.current.loadGame(selectedNftIndexRef.current)
      sendMessage(objectName, 'ListenLoadGame', result)
    })}, []
}

So I don't have any dependencies in this useEffect function. I tried putting sendMessage in as a dependency and it didn't work.

[i-jared]

Anything else I can provide to clear things up?

[i-jared]

@jeffreylanters I appreciate the help!

[i-jared]

The problem was that I was registering my listeners before the Unity element was loaded. To fix this, I moved useUnityContext to the component that was building the Unity game. I then added isLoaded as a dependency for the useEffect hook. I also wait to register the listeners until isLoaded is true.

[claretb]

Can you share your correct code snippet as well?

[i-jared]

const {
    unityProvider,
    isLoaded,
    loadingProgression,
    addEventListener,
    removeEventListener,
    sendMessage,
  } = useUnityContext({
    loaderUrl: 'unity/Build/Desktop.loader.js',
    dataUrl: 'unity/Build/Desktop.data',
    frameworkUrl: 'unity/Build/Desktop.framework.js',
    codeUrl: 'unity/Build/Desktop.wasm',
  })

  React.useEffect(() => {
    if (isLoaded) {
      // register unity functions
      addEventListener('SaveGame', async function (gameData, objectName) {
        let result = await props.gameActorRef.current.saveGame(
          props.selectedNftIndexRef.current,
          gameData,
        )
        if (result['Ok']) {
          window.result = result['Ok']
          sendMessage(objectName, 'ListenSaveGame', result['Ok'])
        }
        if (result['Err']) {
          // TODO send message to display unity error
          console.log('Error in SaveGame')
        }
      })}, [isLoaded])