Me gustaría poder hacer que tanto data.account como data.assets sean accesibles individualmente. La idea es poder insertar este componente en una página donde puedo decir algo como:

 import UserAccounts from '...'; "This user (**data.account**) owns this number (**data.assets**) of assets".

El siguiente es el código del componente:

 function UserAccounts() { const [accounts, setAccounts] = useState(); useEffect(() => { async function fetchData() { const res = await fetch( 'https://proton.api.atomicassets.io/atomicassets/v1/accounts?limit=10' ); const { data } = await res.json(); setAccounts(data); } fetchData(); }, []); if (!accounts) { return ( <div> <Spinner /> </div> ); } const account = accounts.map((data) => { return <>{(data.account, data.assets)}</>; }); return <></>; } export default UserAccounts;

tal como está ahora, está extrayendo las cuentas de la API. El problema es que no está configurado para devolver nada. Estoy tratando de averiguar cómo puedo decidir cuál devolver en función de lo que necesito ( data.account o data.assets