reactjs web3 components

<Web3Provider>  <Sign    message='Login nonce: 1234'    onSign={console.log}    onError={console.error}  >    {      ({        message,        disabled,        selectedAccount,        signAction,      }) => (        <div>          <button disabled={disabled} onClick={signAction}>            Login with <code>{disabled ? '': `${selectedAccount.substring(0, 6)}…`}</code>          </button>        </div>      )    }  </Sign></Web3Provider>