reactjs - Sanity から React にデータを取得する方法は?

Question

正気からデータを取得する方法がわかりません。ドキュメントを読みましたが、まだ混乱しています。

データをコンソールに記録しようとしましたが、「要求されたリソースに 'Access-Control-Allow-Origin' ヘッダーが存在しません」のようなエラーが表示されます。

import React from "react";
import sanityClient from "@sanity/client";

const Post = () => {
  const client = sanityClient({
    projectId: "6sf5fafo",
    dataset: "production",
    useCdn: true
  });
// fetching the data
  client
    .fetch('*[__type == "post"][0]{title, "name": author->name}', {})
    .then(res => {
      console.log("Post info: ", res); // Here is when i tried to log the data but gets an error message.
    })
    .catch(err => {
      console.log(err);
    });
  return (
    <div>
      <h1>Hello</h1>
    </div>
  );
};
export default Post;

誰かが私のコードを編集して、正気からデータを適切にフェッチすることができますか?