proper usage of notfound and console log response

Author: max-programming

src/app/(public)/repos/[language]/page.tsx

@@ -24,8 +24,11 @@ export default async function ReposPage({
   const { language } = await params;
   const sp = await searchParams;
 
-  const key = JSON.stringify(sp);
-  const { repos, page } = await getRepos(language, sp);
+  const reposRes = await getRepos(language, sp);
+
+  if (!reposRes) notFound();
+
+  const { repos, page } = reposRes;
 
   return (
     <>
@@ -75,7 +78,7 @@ export async function generateMetadata({
 async function getRepos(
   language: string,
   searchParams: SearchParams
-): Promise<RepoResponse> {
+): Promise<RepoResponse | undefined> {
   const client = getXataClient();
   const session = await auth();
   const {
@@ -127,8 +130,8 @@ async function getRepos(
   }
 
   const res = await fetch(apiUrl, { headers });
-  console.log(JSON.stringify(res));
-  if (!res.ok) notFound();
+  console.log(res);
+  if (!res.ok) return undefined;
 
   const repos = (await res.json()) as RepoData;
   const reports = await getReportedRepos();
@@ -137,7 +140,7 @@ async function getRepos(
     return !repo.archived && !reports.find(report => report.repoId === repo.id);
   });
 
-  if (!Array.isArray(repos.items) || repos.items?.length < 1) notFound();
+  if (!Array.isArray(repos.items) || repos.items?.length < 1) return undefined;
 
   return {
     page: +page.toString(),