How to use get the account and chain context out of the rainbowkit connect button component

[Joshua-onwuzu]

Problem

How to use get the account and chain context out of the connect button component

Possible Solution:

Some way of making the account and chain context available outside the particular component.

What i have tried:

` import { ConnectButton } from '@rainbow-me/rainbowkit';
const App = () => {
  const handleConnect = async (connectPopUp, account) => {
    // Right now connectPopUp should return a response to notify me if the sign in was successful or not
      const signIn = await connectPopUp();
      if (signIn === ' successfull'){
        //here i want to make use of the user account which is only available when a user signs in successfully
        console.log(account)
      }else{
        console.log('unable to sign in successfully');
      }
    }
  return (
    <ConnectButton.Custom>
    {({
      account: modalAccount,
      chain,
      openConnectModal,
      mounted,
      openAccountModal,
    }) => {
      return (
        <div>
          {(() => {
            if (!mounted || !modalAccount || !chain) {
              return (
                <button
                  onClick={() => handleConnect(openConnectModal, modalAccount)}
                >
                  <div>
                    Connect
                  </div>
                </button>
              );
            }
            return (
              <div>
                <button>
                  <div>
                    <div>{'Account'}</div>
                  </div>
                </button>
              </div>
            );
          })()}
        </div>
      );
    }}
  </ConnectButton.Custom>
  )
} `