Error on the questions feed page is not handled properly

front_end/src/app/(main)/(home)/components/research_and_updates.tsx

@@ -10,6 +10,7 @@ import imagePlaceholder from "@/app/assets/images/tournament.webp";
 import PostsApi from "@/services/posts";
 import { PostWithNotebook } from "@/types/post";
 import { getNotebookSummary } from "@/utils/questions";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   postIds: number[];
@@ -91,4 +92,4 @@ const ResearchAndUpdatesBlock: FC<Props> = async ({ postIds }) => {
   );
 };
 
-export default ResearchAndUpdatesBlock;
+export default WithServerComponentErrorBoundary(ResearchAndUpdatesBlock);

front_end/src/app/(main)/(home)/components/tournaments_block.tsx

@@ -5,6 +5,7 @@ import { getTranslations } from "next-intl/server";
 import { FC } from "react";
 
 import TournamentCard from "@/components/tournament_card";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 import ProjectsApi from "@/services/projects";
 import { Tournament, TournamentType } from "@/types/projects";
 
@@ -60,4 +61,4 @@ const TournamentsBlock: FC<Props> = async ({ postSlugs }) => {
   );
 };
 
-export default TournamentsBlock;
+export default WithServerComponentErrorBoundary(TournamentsBlock);

front_end/src/app/(main)/(leaderboards)/contributions/components/contributions_hero.tsx

@@ -16,6 +16,7 @@ import {
   SCORING_DURATION_FILTER,
   SCORING_YEAR_FILTER,
 } from "../../search_params";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   category: CategoryKey;
@@ -72,12 +73,13 @@ const ContributionsHero: FC<Props> = ({ year, duration, category, userId }) => {
   );
 };
 
-const AwaitedUserHeader: FC<{ userId: number }> = async ({ userId }) => {
-  const t = await getTranslations();
-  const profile = await ProfileApi.getProfileById(userId);
+const AwaitedUserHeader: FC<{ userId: number }> =
+  WithServerComponentErrorBoundary(async ({ userId }) => {
+    const t = await getTranslations();
+    const profile = await ProfileApi.getProfileById(userId);
 
-  return <UserHeader>{profile.username ?? t("user")}</UserHeader>;
-};
+    return <UserHeader>{profile.username ?? t("user")}</UserHeader>;
+  });
 
 const UserHeader: FC<PropsWithChildren> = ({ children }) => (
   <h1 className="m-0 text-2xl font-bold text-blue-900 dark:text-blue-900-dark sm:text-4xl">

front_end/src/app/(main)/(leaderboards)/contributions/components/global_contributions.tsx

@@ -3,6 +3,7 @@ import { FC } from "react";
 import ContributionsTable from "@/app/(main)/(leaderboards)/contributions/components/contributions_table";
 import LeaderboardApi from "@/services/leaderboard";
 import { CategoryKey, LeaderboardType } from "@/types/scoring";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   startTime: string;
@@ -19,21 +20,21 @@ const GlobalContributions: FC<Props> = async ({
   startTime,
   category,
 }) => {
-  const contributionsDetails = await LeaderboardApi.getContributions({
-    type: "global",
-    leaderboardType,
-    userId,
-    startTime,
-    endTime,
-  });
+    const contributionsDetails = await LeaderboardApi.getContributions({
+      type: "global",
+      leaderboardType,
+      userId,
+      startTime,
+      endTime,
+    });
 
-  return (
-    <ContributionsTable
-      category={category}
-      leaderboardEntry={contributionsDetails.leaderboard_entry}
-      contributions={contributionsDetails.contributions}
-    />
-  );
+    return (
+      <ContributionsTable
+        category={category}
+        leaderboardEntry={contributionsDetails.leaderboard_entry}
+        contributions={contributionsDetails.contributions}
+      />
+    );
 };
 
-export default GlobalContributions;
+export default WithServerComponentErrorBoundary(GlobalContributions);