error in Next.js using ethers and thirdweb sdk

Question

const NFT = ()=> {

    const [loading, setLoading] = useState(false)
    return (

     <TopNavbarLayout>
         <div className={style.wrapper}>
                { loading ? (
                    <div>Loading Please Wait...</div>
                    ) : (
                    <div className={style.nftContainer}>
                        <div className={style.leftContainer}>
                            <div className={style.leftElement}>
                                {/*<NFTImage/>*/}
                            </div>

                            <div className={style.leftElement}>
                                {/*<NFTDetails/>*/}
                            </div> 
                        </div> 

                            <div className={style.rightContainer}>
                                {/*<NFTBasicInfo/> */}
                                <div className={style.buyoutContainer}>
                                    {/*<NFTSalesInfo/> */}
                                </div>
                            <div/>
                        </div>
                    )
                 }
                </div>
     </TopNavbarLayout>   //PROBLEM LIES HERE 
    )
}
export default NFT

Error prompt:

./pages/assets/[address]/[tokenID].js
Error: 
  x Unterminated regexp literal
    ,----
 42 | </TopNavbarLayout>
    :  ^^^^^^^^^^^^^^^^^
    `----

Caused by:
    0: failed to process input file
    1: Syntax Error

I was trying out a tutorial that's about Cloning Opensea. Code exactly as the tutorial said but --yarn dev leads to error with syntax. IDK where I am wrong