React-Native: Invariant Violation: View config getter callback for component canvas must be a function (received undefined).

[Ksmike]

Hi,

Trying to get a WebGL unity project running in my React-Native applications, after following a tutorial on Youtube

my App is a very very very simple, a single App.js file atm, and the Described code for the component

here's my code

import React from "react";
import { View } from "react-native";
import { Unity, useUnityContext } from "react-unity-webgl";

export default function App() {
  const files = {
    "dataUrl": "../build/webgl2.data.gz",
    "frameworkUrl": "../build/webgl2.framework.js.gz",
    "loaderUrl": "../build/webgl2.loader.js",
    "codeUrl": "../build/webgl2.wasm.gz",
  }
  const { unityProvider } = useUnityContext({
    loaderUrl: encodeURI(files?.loaderUrl),
    codeUrl: encodeURI(files?.codeUrl),
    frameworkUrl: encodeURI(files?.frameworkUrl),
    dataUrl: encodeURI(files?.dataUrl),
    webglContextAttributes: {
      preserveDrawingBuffer: true,
    },
  })

  return <View><Unity unityProvider={unityProvider} /></View>;
}

The error I am getting is:

Not sure why, can't find any documentation other than: https://heygabriel.medium.com/react-native-view-config-getter-callback-for-component-7449e1ac754b but the imports look correct, it made me wonder if react-unity-webgl was actually I compatible I with react native,

Any help would be appreciated!

[momenAboalmaged]

did you solve this issue ?

[momenAboalmaged]

@Ksmike

[Ksmike]

Sorry just re-read my code. No idea how I solved this issue. Apologies for being truly unhelpful!

[momenAboalmaged]

im using useUnityContext but i have the same issue @Ksmike

[gus-t27]

@Ksmike So did you manage to get this library to work with react-native or not?

[Ksmike]

@Ksmike So did you manage to get this library to work with react-native or not?

No sorry!