fix(Page): handle failed dynamic content loading safely

test(Page): add unit test for content.__error rendering and fix test setup

Author: mr-baraiya

src/components/Page/Page.jsx

@@ -30,7 +30,9 @@ export default function Page(props) {
   );
   const content = isDynamicContent
     ? dynamicContent
-    : props.content.default || props.content;
+    : props.content && props.content.default !== undefined
+      ? props.content.default
+      : props.content;
 
   const [contentLoaded, setContentLoaded] = useState(!isDynamicContent);
 
@@ -41,7 +43,13 @@ export default function Page(props) {
           setContent(() => mod.default || mod);
           setContentLoaded(true);
         })
-        .catch(() => setContent("Error loading content."));
+        .catch(() => {
+          setContent({
+            __error: true,
+            message: "Failed to load page content.",
+          });
+          setContentLoaded(true);
+        });
     }
   }, [props.content]);
 
@@ -94,6 +102,10 @@ export default function Page(props) {
 
   if (typeof content === "function") {
     contentRender = content({}).props.children;
+  } else if (content && content.__error) {
+    contentRender = (
+      <div className="text-red-600 font-bold">{content.message}</div>
+    );
   } else {
     contentRender = (
       <div

src/components/Page/__tests__/Page.test.jsx

@@ -0,0 +1,40 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { MemoryRouter } from "react-router";
+import Page from "../Page";
+
+// Mock components that cause unrelated failures
+jest.mock("../../Contributors/Contributors.jsx", () => () => <div />);
+jest.mock("../../PageLinks/PageLinks.jsx", () => () => <div />);
+
+// Mock react-router hook used inside Page
+jest.mock("react-router", () => ({
+  ...jest.requireActual("react-router"),
+  useLocation: () => ({ pathname: "/test", hash: "" }),
+}));
+
+// Mock scrollTo (jsdom doesn't support it)
+window.scrollTo = jest.fn();
+
+describe("Page component", () => {
+  it("renders error message when content.__error exists", async () => {
+    const content = {
+      __error: true,
+      message: "Failed to load content",
+    };
+
+    render(
+      <MemoryRouter>
+        <Page content={content} title="Test" path="/test" />
+      </MemoryRouter>,
+    );
+
+    const errorElement = await screen.findByText(/failed to load content/i);
+    expect(errorElement).toBeInTheDocument();
+  });
+});