const fetchAPI = async () => {
  setState("wait");
  let page = 1;
  let retryCount = 0;
  const maxRetryCount = 5; // 最大リトライ回数

  while (true) {
    // page が 10 を超えた場合はループを終了
    if (page > 10) {
      setState("end");
      console.log("成功");
      break;
    }

    try {
      const response = await fetch(`${endpoint}$`);

      if (response.ok) {
        console.log("データ取得に成功しました。");
        page++; // 次のページへ
        retryCount = 0; // リトライ回数をリセット
        await new Promise((resolve) => setTimeout(resolve, 1000)); // 1秒待機
      } else if (response.status === 429 && retryCount < maxRetryCount) {
        // 429 Too Many Requests が返された場合、リトライ
        const delay = Math.pow(2, retryCount) * 1000; // 指数バックオフ
        console.log(
          `リクエストが多すぎます。${delay / 1000}秒後にリトライします。`,
        );
        await new Promise((resolve) => setTimeout(resolve, delay));
        retryCount++;
      } else {
        // その他のエラーの場合、エラーログを出力してループを終了
        console.error(
          `エラーが発生しました。ステータスコード: ${response.status}`,
        );
        setState("end");
        toast.error("失敗");
        break;
      }
    } catch (error) {
      console.error("失敗:", error);
      setState("end");
      break;
    }
  }
};