У меня выдает ошибку Syntax error: Unexpected reserved word 'await'. Совсем не понимаю, в чем может быть проблема, ведь в другом месте это же работает

import '../styles/globals.css'
import Web3Modal from "web3modal"

export default function MyApp({ Component, pageProps }) {
  const web3Modal = new Web3Modal({
    network: "mainnet",
    cacheProvider: true,
  })
  const connection = await web3Modal.connect()
  return (
     <div>  
     {connection === 'connected' ? (
       <a className="text-white">
         Address
       </a>
     ) : (
       <button className="text-white" type="submit" id="submit" onclick="alerted();">
         Connect
       </button>  
       )}
    </div>
  )
}