explicitly include UnderConstruction component in mdx Component

Author: andrew-s28

mdx/projects/lagrangian-particle-tracking.mdx

@@ -6,6 +6,6 @@ tags: ["research"]
 description: "My research on Lagrangian particle tracking in the Northern California Current System."
 ---
 
-import { UnderConstruction } from "~/components/UnderConstruction.tsx";
+// import { UnderConstruction } from "~/components/UnderConstruction.tsx";
 
 <UnderConstruction />

mdx/projects/pollen-data.mdx

@@ -8,6 +8,6 @@ description: "A historical time series of pollen data from the Willamette Valley
 
 // import { TimeSeriesPlot } from "@/components/ui/Plots";
 
-import { UnderConstruction } from "~/components/UnderConstruction.tsx";
+// import { UnderConstruction } from "~/components/UnderConstruction.tsx";
 
 <UnderConstruction />

mdx/projects/shelf-nitrate-response-to-upwelling.mdx

@@ -6,6 +6,6 @@ tags: ["research"]
 description: "My research on the response of shelf nitrate to upwelling in the Northern California Current System."
 ---
 
-import { UnderConstruction } from "~/components/UnderConstruction.tsx";
+// import { UnderConstruction } from "~/components/UnderConstruction.tsx";
 
 <UnderConstruction />

src/components/mdx.tsx

@@ -7,6 +7,7 @@ import { Link, useMatch } from "@tanstack/react-router";
 import { ReactNode, useState, useRef, useMemo } from "react";
 import { Copy, Check, ExternalLink } from "lucide-react";
 import { getMDXComponent } from "mdx-bundler/client";
+import UnderConstruction from "./UnderConstruction";
 
 function Paragraph({ children }: { children: ReactNode }) {
   return (
@@ -222,6 +223,9 @@ export function MDX({ code }: { code: string }) {
         p: Paragraph,
         Image,
         blockquote: BlockQuote,
+        UnderConstruction() {
+          return <UnderConstruction />;
+        },
       }}
     />
   );