accounts.js

import React from 'react'
import withWeb3 from '../lib/withWeb3'

// Our `withWeb3` HOC actually injects web3, accounts, and contract into
// the props, but we are only using the accounts prop.
const Accounts = ({ accounts }) =>
  <div>
    <h1>My Accounts</h1>
    <pre>{JSON.stringify(accounts, null, 4)}</pre>
  </div>

// Note that we wrap the component with our `withWeb3` HOC
export default withWeb3(Accounts)