Quiero mostrar información de usuario falsa en la pantalla, así que usé faker.js. Hice información de usuarios falsa, la puse en estado de sugerencias y le di el componente Historia y luego estaba tratando de mostrar la información del usuario en la pantalla usando la función de mapa, pero no pudo ser.

este es mi codigo

 import faker from "faker"; import { useEffect, useState } from "react"; import Story from "./Story"; const Stories = () => { const [suggestions, setSuggestions] = useState([]); useEffect(() => { const suggestion = [...Array(20)].map((_, i) => ({ ...faker.helpers.contextualCard(), id: i, })); setSuggestions(suggestion); }, []); return ( <div> {suggestions.map((profile) => { <Story key={profile.id} img={profile.avatar} username={profile.username} />; })} {/* story */} {/* story */} {/* story */} {/* story */} {/* story */} </div> ); }; export default Stories;

 import React from "react"; const Story = ({ img, username }) => { return ( <div> hihi <img src={img} alt="" /> <p>{username}</p> </div> ); }; export default Story;

Revisé la información del usuario en 'sugerencia'. no es problema.

mi inglés no es bueno, así que gracias por leer mi pregunta.