vega-frontend-monorepo/apps/trading/pages/portfolio/deposit/index.page.tsx

import { useWeb3React } from '@web3-react/core';
import { Web3Container } from '../../../components/web3-container';

const Deposit = () => {
  return (
    <Web3Container>
      <div>
        <h1>Deposit</h1>
        <Info />
      </div>
    </Web3Container>
  );
};

const Info = () => {
  const { isActive, chainId, accounts } = useWeb3React();
  if (!isActive) {
    return <div>Not active</div>;
  }
  return (
    <div>
      <p>{chainId}</p>
      <p>{accounts[0]}</p>
    </div>
  );
};

export default Deposit;