Soy nuevo en ReactJS y estoy usando el marco "Nextjs". En este momento estoy usando la función "asincrónica" para obtener datos, pero no puedo obtenerlos usando la función "mapa", en console.log ... mostrándome los siguientes elementos del mensaje: indefinido }", Aquí está mi código, ¿Dónde estoy equivocado?

 import React, { Component } from 'react'; const blog =({items}) =>{ console.log({items}); return( <div> </div> ); }; //calling api for get data export const getstaticprops=async()=>{ console.log('Om Success'); const res=await fetch('https://jsonplaceholder.typicode.com/posts'); const posts = await res.json() return { props: { items: posts }, } } export default blog