Cannot read property "setComponentInstace" of undefined. Issue setting up project

[allihuwa]

Hi, I am trying to link up my unity webgl project with this framework but I am having some problems. First I had to change the unityContext import for unityContent because UnityContext was not seen as a constructor. I found this solution here:
#118

But now I am getting a "TypeError: Cannot read property "setComponentIsntance" of undefined and am again stuck. Bellow is a picture of my vscode with the webgl build in the src/build folder and also the way I setup the app.js script. Can you help me identifying what is wrong or might be the problem?

Thank you

[jeffreylanters]

Hi. Which version of the module are you using?

[allihuwa]

I installed this version: [email protected] because I am using unity version 2020.2.7f1

[jeffreylanters]

As of version 8.x of the module UnityContext should be used, could you try using this model instead?

[jeffreylanters]

Something like

import React from "react";
import Unity, { UnityContext } from "react-unity-webgl"; // <-- UnityContext

const unityContext = new UnityContext({ // <-- UnityContext
  loaderUrl: "build/myunityapp.loader.js",
  dataUrl: "build/myunityapp.data",
  frameworkUrl: "build/myunityapp.framework.js",
  codeUrl: "build/myunityapp.wasm",
});

const App = () => {
  return <Unity unityContext={unityContext} />; // <-- unityContext
};

[saharsh-goyal]

I used this same model but still getting similar error TypeError: window.createUnityInstance is not a function