Развертывание Vercel не получит /api во второй раз, оно сохраняет последний запрос get.

Привет всем, спасибо за прочтение

У меня небольшая проблема с проектом цитат, использующим nextjs, развернутом на Vercel. На локальном компьютере всё работает хорошо, но на развернутом варианте не появляются новые цитаты.

Всегда показывается один и тот же результат, у меня нет идей, что может быть не так, мне нужен совет.

Вот мой /api

import axios from "axios";
import { NextResponse } from "next/server";
import { Quotable, QuoteTypes, QuoteZen } from "@/types/quotesType";

const urlWaifu = "https://waifu.it/api/v4/quote";
const urlZen = "https://zenquotes.io/api/random/";
const urlQuotable =
  "https://api.quotable.io/quotes/random?limit=1&tags=technology|famous-quotes|film|love|pain|sadness|self-help";

const list = ["Zen", "Waifu", "Quotable"];
const randomizer = Math.floor(Math.random() * list.length);
const selected = list[randomizer];

export async function GET() {
  try {
    let response;
    let provider;
    let linkProvider;

    switch (selected) {
      case "Waifu":
        provider = "Waifu.it";
        linkProvider = "https://waifu.it/";
        response = await axios.get(urlWaifu, {
          headers: {
            Authorization: process.env.WAIFU_IT_TOKEN,
          },
        });
        break;

      case "Zen":
        provider = "ZenQuotes";
        linkProvider = "https://zenquotes.io/";
        const resZ = await axios.get(urlZen);
        const zenQuotes: QuoteZen = resZ.data[0];
        const readyZenQuotes: QuoteTypes = {
          _id: 1,
          quote: zenQuotes.q,
          anime: "",
          author: zenQuotes.a,
        };
        response = { data: readyZenQuotes };
        break;

      case "Quotable":
        provider = "Quotable Quotes";
        linkProvider = "https://github.com/lukePeavey/quotable";
        const resQ = await axios.get(urlQuotable);
        const QuotableQuotes: Quotable = resQ.data[0];
        const readyQuotableQuotes: QuoteTypes = {
          _id: QuotableQuotes._id,
          quote: QuotableQuotes.content,
          anime: "",
          author: QuotableQuotes.author,
        };
        response = { data: readyQuotableQuotes };
        break;
    }

    return NextResponse.json(
      { data: response?.data, provider: provider, linkProvider: linkProvider },
      {
        status: 200,
        headers: {
          "Cache-Control":
            "no-store, no-cache, must-revalidate, proxy-revalidate",
          Pragma: "no-cache",
          Expires: "0",
          "Surrogate-Control": "no-store",
        },
      }
    );
  } catch (error: any) {
    return NextResponse.json(
      { error: "Ошибка при получении цитат", details: error.message || error },
      { status: 500 }
    );
  }
}

Затем я запрашиваю это так

 const fetchQuote = async () => {
    try {
      setIsLoading(true);
      const response = await fetch(`/api/quotes`, {
        cache: "no-store",
      });

      if (!response.ok) {
        throw new Error(`HTTP ошибка! статус: ${response.status}`);
      }

      const rawData = await response.json();
      const quotesData = rawData.data;
      setQuote(quotesData);
      setProvider(rawData.provider);
      setLinkProvider(rawData.linkProvider);
      setIsLoading(false);
    } catch (error) {
      setIsError(true);
      toast.error("Ошибка при получении мудрости. Пожалуйста, попробуйте снова.");
    }
  };

fetchQuote не получает больше одной цитаты. Приложение загружает её только один раз, когда fetchQuote вызывается снова, оно показывает те же данные, что и раньше.

Ожидается, что оно должно получать другие данные/цитаты.

На всякий случай я прикрепляю ссылку на репозиторий здесь
Репозиторий

Спасибо заранее