Tengo dos archivos, uno es "Expertise.jsx" y otro es "AnimatedContentBox.jsx".

Así es como se ve "Expertise.jsx"

 export default function Expertise(){ return ( <div className="expertise"> <div className="container"> { <> <AnimatedContentBox list={"item1","item2","item3"}/> </> } </div> </div> ); }

Y esto es "AnimatedContentBox.jsx"

 export default function AnimatedContentBox(props){ console.log(props.list); const listItems = numbers.map((number) => <li>{number}</li>); return ( <div className="list"> <ul> {listItems} </ul> </div> }