unityContext.on(8.8) → ?? (9.0.3)

[devilofdev]

i used below code (react-unity-webgl@8.8.0)

useEffect(() => {
    unityContext.on("unityToFront", PassOnSessionInfo);
    return function () {
      unityContext.removeAllEventListeners();
      unityContext.quitUnityInstance();
    };
  }, []);

in 9.0.3 version, i thought that unityContext.on === addEventListener.. but not working
help!

useEffect(() => {
    addEventListener("unityToFront", PassOnSessionInfo);
    return function () {
      removeEventListener("unityToFront", PassOnSessionInfo);
    };
  }, []);

[jeffreylanters]

Hi, don't forget to add both the add and remove event listener as well as you own callback to the dependency array. Let me know if this worked.

[devilofdev]

thanks for reply 🥺

i changed the code after reply to me

useEffect(() => {
    addEventListener("unityToFront", PassOnSessionInfo);
    return function () {
      removeEventListener("unityToFront", PassOnSessionInfo);
    };
  }, [addEventListener, removeEventListener, PassOnSessionInfo])

but still error.

"unityToFront" is the name that Unity calls Javascript function
this code works well in version 8.8.0 like "unityContext.on("unityToFront", PassOnSessionInfo);"

[jeffreylanters]

No worries! The ReactUnityWebGL object is no longer available via the JSLib in your Unity Project and is replaced with the dispatchReactUnityEvent function instead. You have to make some small adjustments to the JSLib in your Unity project. (Don't forget to make a new Unity build afterwards).

The changes should look something like this;

mergeInto(LibraryManager.library, {
  MyCustomEvent: function (someValue) {
--  ReactUnityWebGL.MyCustomEvent(someValue);
++  window.dispatchReactUnityEvent("MyCustomEvent", someValue);
  },
});

For more information on these functions, head over to the documentation. I hope this helps!

edit: Just like @helloingob suggested.

[devilofdev]

thanks 🙆🏻
it works well.

[helloingob]

You have to change the Unity Javascript PLUGIN part aswell.

https://react-unity-webgl.dev/docs/api/event-system

mergeInto(LibraryManager.library, {
	SetScore: function(score) {
		try {
			window.dispatchReactUnityEvent("unityToFront", PassOnSessionInfo);
		} catch (e) {
			console.warn("Failed to dispatch event");
		}
	},
});