react-unity-webgl package with next js blank white screen

[AalaKai666]

im new to webgl react package
im using it with next js
i have no errors
i have placed my webgl project folders and given the file path in the code
but i only get a blank white screen.
the code i think has no errors otherwise i would get a error prompt .
how do i know the code is working because the text moves down where is called
<Unity unityProvider={unityProvider} />

following is the code

`
import React from 'react';

import { Unity ,useUnityContext } from 'react-unity-webgl';

export default function Layout({title , children}){

const { unityProvider } = useUnityContext({
    loaderUrl: "public/Build/thirdPerson-WebGL.loader.js",
    dataUrl: "public/Build/thirdPerson-WebGL.data",
    frameworkUrl: "public/Build/thirdPerson-WebGL.framework.js",
    codeUrl: "public/Build/thirdPerson-WebGL.wasm",
  });

return(
    
    <div>

        <main className="container m-auto mt-4 px-4">
        <Unity
        style={{
            width: "80%",
            justifySelf:"center",
            alignSelf:"center",
        }}
        unityProvider={unityProvider} />
           {children}
        </main>

`