javascript - React Hooks を使用して Prismic API からデータをフェッチする

Question

Prismic ヘッドレス CMS API からデータをクエリしようとしていますが、React Hooks を使用して問題が発生しています。Prismic API は null を返していますが、react フックを使用せずに正常にクエリできるため、正しく渡されていることはわかっています。

Heres 私の現在のコンポーネント コードです。「nullのプロパティ 'api'を読み取れません」を返します。「データ」コンソール ログには到達しません。

const Footer = ({ prismicCtx }) => {
  const [links, setLinks] = useState([]);

  useEffect(() => {
    const fetchLinks = async () => {
      const data = await prismicCtx.api.query([
        Prismic.Predicates.at('document.tags', [`${config.source}`]),
        Prismic.Predicates.at('document.type', 'footer'),
      ]);
      console.log('data:', data);
      setLinks(data.results[0].data);
    };

    fetchLinks();
  }, []);

  return (
    <div>
      <h1> Footer </h1>
    </div>
  );
};

export default Footer;