我正在使用Next.js，我尝试访问数据，但未定义。以下是我的代码：

function Home({books}) {
 console.log(books)
 return <div>Home</div>
 
}

         export default Home
         
export const getStaticProps = async () => {
    let books = await getAllBooks();
 
    return ({
     props: {
         books
     }
 }
    )
 }

 export const getAllBooks = async() => {
    const res = await axios.get("http://localhost:3000/api/v1/books", {headers: {'Access-Control-Allow-Origin': 'http://localhost:5173/'}});
    if (res.status !== 200) {
        return new Error("Internal Server error");
    }
     const data = await res.data.books;
     return data
    }

我试图获取一个数据并将其存储在props中，但当我将其传递到javascript组件和日志中时，它返回undefined。