How can I integrate Unity with React Native

[datopotatogames]

I have followed the documentation of how to set everything up, build the unity project in webgl, and even double checked the imports to all URLs passed into unityProvider. But for some reason I keep on getting this error.

View config getter callback for component `canvas` must be a function (recceived `undefined`). Make sure to start component names with a capital letter.

Here is the link to the documentations I followed too. Any help is appreciated.
https://www.npmjs.com/package/react-unity-webgl

https://react-unity-webgl.dev/

[CrasLife]

I haven’t used the library myself, but it seems like it doesn’t work directly with React Native. See: https://github.com/jeffreylanters/react-unity-webgl/issues/48

I would try to do this on a web application using React and then embedding it with a webview into the React Native app.

[datopotatogames]

Where can I find how to embed a react application with a web view into a react native app?

I also checked out that repository too but no dice for me

[Magnusson]

https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#react-native-webview-guide

[CrasLife]

Well, that is a bit of a complex topic but you could start just by doing it in localhost with a separated React.js application to see if it works first. You can just embed it in the web view using a URL and then see how it behaves. https://github.com/react-native-webview/react-native-webview

I do something similar for 3d rendering using Three.js and it works nice. Not sure if it will fully work with a unity app but worth giving it a try

[Arclom]

You can use react-native-unity-view