Estoy tratando de obtener datos de un servidor JSON simulado usando async/await dentro de useEffect y los datos obtenidos se almacenan en una variable (Elementos) con useState. Pero parece que tengo dificultades para usar esos datos en un componente (Content.js). el problema es cuando consola. registro la variable para verificar los datos obtenidos dentro del archivo App.js. Puedo ver los datos, pero cuando consola. registro la misma variable dentro del componente, devuelve [objeto Objeto], [objeto Objeto ],[objeto Objeto],[objeto Objeto],[objeto Objeto]

 function App() { const API_URL = 'http://localhost:3500/Items'; const [Items, setItems] = useState([]); console.log(Items) useEffect(()=>{ const fetchItems = async () =>{ try{ const response = await fetch(API_URL); const listedItems = await response.json(); console.log(listedItems); setItems(listedItems); } catch(err){ console.log(err.message) } } (async () => await fetchItems())(); }, []) return ( <div> <Content Items = {Items} /> </div>