Example

import { withMetaMask } from "metamask-react-button";

const Button = (props: any) => {
    console.log(props);
    const { requestAccounts, requestSign } = props;

    const handleClick = async () => {
        const accounts = await requestAccounts();
        console.log(accounts);
        const signature = await requestSign("Demo");
        console.log(signature);
    };

    return <button onClick={handleClick}>Click Me</button>;
};

const MetaMaskConnectButton = withMetaMask(Button);

function App() {
    return (
        <div className="App">
            <MetaMaskConnectButton />
        </div>
    );
}

export default App;

Props

||