Connect button in nextjs is not doing anything

[SamarthBagga]

I am trying to make a connect button using the enableWeb3 from useMoralis hook. But the button is not doing anything-

import { useMoralis } from "react-moralis"

export default function Header(){
    const { enableWeb3, account } = useMoralis()

    return(
        <div>
            {account ? (<div>Connected to {account.slice(0,6)}...{account.slice(account.length - 4)}</div>) : (<button onClick={async () => {await enableWeb3}}>Connect</button>)}
        </div>
    )
}

[alfaqi]

change this

     <button onClick={async () => {await enableWeb3}}>Connect</button>

to this

     <button onClick={enableWeb3}>Connect</button>