Estoy aprendiendo firebase con next.js. Me gustaría traer datos de firebase para mostrar. Estoy conectado a firebase, pero mi salida no funciona. ¿Puedes decirme qué estoy haciendo mal? Gracias

libretas de carpetas:

 export async function Ids() {
 let output = []

 try {
 const data = await firebase.collection('database').get()

 data.forEach(doc => {
 output.push({
 params: {
 id: doc.id,
 ...doc.data()
 }
 })
 })
 } catch (err) {
 console.log(err)
 }
 
 return output;
}

carpeta páginas / index.js

 import { Ids } from '../lib/resources'


export async function getStaticProps() {
 const itemData = await Ids()
 return {
 props: { itemData }
 }
} 


export default function Home( {itemData} ) {
 return (
 <>
 <h2 className="text-center mt-5">Data</h2> // it show me only this h2 statement
 
 
 {
 itemData ? 
 itemData.map( (doc) => {
 <p className="text-center" key={doc.id}>{doc.title}</p>
 }) : null 
 }
 </>
 )
}