我尝试使用Next.js的getStaticProps从firebase firestore获取数据。不使用getStaticProps，数据呈现正常，但当我使用它时，我得到错误
res.json（）不是函数
这就是我的代码的样子

import React from 'react';
import { db } from '@/firebase';
import { collection, getDocs } from 'firebase/firestore';

     
export const getStaticProps = async () => {
    const res = await getDocs(collection(db, 'blogs'));
    const data = await res.json();

    return {
        props: {
            blogs: data
        }
    }
}

function index({blogs}) {
  return (
    <div>
        {blogs.map(blog => {
            <p>{blog.title}</p>
        })}
    </div>
  )
}

export default index

我能做错什么呢？