Error serializing with getStaticProps - nextjs

Question

This is my getTopGifts function:

export async function getTopGifts() {
const data = [{"id":1,"title":"test"}]

return data
}

but when I use above function on got error:

export async function getStaticProps() {
  // fetch list of gifts
  const gifts = getTopGifts()
  console.log(typeof(_gifts))
  return {
    props: {
      gifts: gifts
    },
  }
}

my error:

Error: Error serializing `.gifts` returned from `getStaticProps` in "/gifts".
Reason: `object` ("[object Promise]") cannot be serialized as JSON. Please only return JSON serializable data types.

Answer 1

You made getTopGifts an async function, try using await to resolve the value of getTopGifts . Without await it is a pending promise:

export async function getStaticProps() {
  // fetch list of gifts
  const gifts = await getTopGifts()
  console.log(typeof(gifts));
  return {
    props: {
      gifts,
    },
  }
}

Hopefully that helps!