Lesson 13: onClick activateBrowserWallet not working

[toddabraham]

Hi there,

I have the button showing up as per the screen shot above, but my MetaMask Wallet is not opening on click.

Here's my Header.tsx code....

import { useEthers } from "@usedapp/core"

export const Header = () => {
    const { account, activateBrowserWallet, deactivate } = useEthers()

    const isConnected = account !== undefined

    return (
        <div>
            {isConnected ? (
                <button color="primary">
                    onClick={deactivate}
                    Disconnect
                </button>
            ) : (
                <button color="primary"
                    onClick={() => activateBrowserWallet
                    }>
                    Connect
                </button>
            )
            }
        </div>
    )
}

[toddabraham]

Found out I had to manually connect http://localhost:3000/ to my browser MetaMask Wallet.

Hope this is helpful for someone.

[shonendumm]

This is helpful for me, thank you!