you mean, this endpoint?

const googleRes = await fetch(
      `https://customsearch.googleapis.com/customsearch/v1?key=${
        googleAPIKey ? googleAPIKey : process.env.GOOGLE_API_KEY
      }&cx=${
        googleCSEId ? googleCSEId : process.env.GOOGLE_CSE_ID
      }&q=${query}&num=5`,
    );

    const googleData = await googleRes.json();

most probably, the env variables are missing. encompass try/catch to see how it runs.

Oh, wydm by googleApiKey? is it that you have another api key for your deploy? like the one that is on .env.local wont work?

may i see both error message and codes?
plus, do you use Vercel or self hosted Docker?

I sent you a friend request so maybe you can help me fix it.

but I have this error, and basically means that when Im trying to fetch the data. My code breaks. I ´ve searched why it was and it its because when its returning on client component, the data wont fetch from API. On localhost it works perfectly

most probably you involved the Google search API from client components. it has to execute from server side such as API or server components otherwise API KEYs are exposed and any one can invoke your api for free.

thus Next.js protects you from exposing api keys accidentally to client side codes unless env variables start with NEXT_PUBLIC