ReferenceError: UnityLoader is not defined

Hi, I know there has been multiple issues relating to this issue and the public path. I have tried the suggested solutions but to no avail.

Errors I receive UnityLoader.js:1 Uncaught SyntaxError: Unexpected token < Unity.js:64 Uncaught (in promise) ReferenceError: UnityLoader is not defined

The unity component is loaded into another component as such

 <Unity
          src="Build/carviewer.json"
          loader="Build/UnityLoader.js"
        />

I have the Build folder in my main app root where my index.html is. I have also tried public/Build.

Not sure if it’s relevant but my webpack config has publicPath: '/',

The unityloader.js is coming up in my sources in chrome dev tools but when I inspect it, it just shows the index.html.

Any help would be greatly appreciated. Thanks.

[szewa-polyu]

Using the Public Folder in Create React App: https://create-react-app.dev/docs/using-the-public-folder

[Enough7]

For people like me: put your unity build in your public directory and create your UnityContent like this:

let unityContent: UnityContent = new UnityContent(
        '/UnityBuild/Build/Build.json',
        '/UnityBuild/Build/UnityLoader.js'
);

Omit the ./public in the path. This took me forever