Getting Connected Addresses

import { getConnectedAddresses } from '@dynamic-labs-sdk/client';
import { onEvent } from '@dynamic-labs-sdk/client';
import { useEffect, useState } from 'react';

function ConnectedAddresses({ walletProviderKey }: { walletProviderKey: string }) {
  const [addresses, setAddresses] = useState<string[]>([]);

  useEffect(() => {
    const fetchAddresses = async () => {
      const { addresses } = await getConnectedAddresses({ walletProviderKey });
      setAddresses(addresses);
    };

    fetchAddresses();
    return onEvent('walletAccountsChanged', fetchAddresses);
  }, [walletProviderKey]);

  return (
    <ul>
      {addresses.map((address) => (
        <li key={address}>{address}</li>
      ))}
    </ul>
  );
}