Estoy intentando crear 10 avatares seguidos para mostrar la lista de usuarios. Pero, cuando paso el JSON para verificarlos, obtengo el Avatar duplicado y tergiverso las iniciales de Avatar. Y probé esto en Code Sandbox que adjunto a continuación.
https://codesandbox.io/s/optimistic-cookies-ygvso?file=/src/App.js
export default function App() { return ( <div> <div> <Typography variant="h5">Persons</Typography> </div> <Stack direction="row" spacing={2}> {PersonData.map((person) => { return ( <div> <Avatar {...stringAvatar(person.avatar)} /> <Typography>{person.name}</Typography> </div> ); })} </Stack> </div> ); }