Javascript 健全性错误：必须提供`dataset`才能使用React执行查询

我正在尝试创建一个带有SanityCMS的博客；当我试图从Sanity数据库获取数据时，我得到了

“错误：

数据集

必须提供才能执行查询”

我得到了带有projectd和数据库名的client.js组件

出现错误的组件如下所示：

import React, { useEffect, useState } from "react";
import { Link } from "react-router-dom";
import sanityClient from "../client.js";
export default function AllPosts() {
  const [allPostsData, setAllPosts] = useState(null);
  useEffect(() => {
    sanityClient
      .fetch(
        `*[_type == "post"]{
        title,
        slug,
        mainImage{
          asset->{
          _id,
          url
        }
      }
    }`
      )
      .then((data) => setAllPosts(data))
      .catch(console.error);
  }, []);

  return (
    <div>
      <h2>Blog Posts</h2>
      <h3>Welcome to my blog posts page!</h3>
      <div>
        {allPostsData &&
          allPostsData.map((post, index) => (
            <Link to={"/" + post.slug.current} key={post.slug.current}>
              <span key={index}>
                <img src={post.mainImage.asset.url} alt="" />
                <span>
                  <h2>{post.title}</h2>
                </span>
              </span>
            </Link>
          ))}
      </div>
    </div>
  );
}

import React，{useffect，useState}来自“React”；
从“react router dom”导入{Link}；
从“./client.js”导入sanityClient；
导出默认函数AllPosts（）{
const[allPostsData，setAllPosts]=useState（null）；
useffect（（）=>{
消毒剂
.取回(
`*[\u type==“post”]{
标题
鼻涕虫
主图像{
资产->{
_身份证，
网址
}
}
}`
)
.然后（（数据）=>setAllPosts（数据））
.catch（控制台错误）；
}, []);
返回(
博客帖子
欢迎来到我的博客帖子页面！
{allPostsData&&
allPostsData.map（（post，index）=>(
{post.title}
))}
);
}