About components apparently doesn't work

src/pages/about.astro

@@ -1,9 +1,6 @@
 ---
 import { Image } from "astro:assets";
-import {
-  Content as AboutContent,
-  components as aboutComponents
-} from "../assets/bios/about.mdx";
+import { Content } from "../assets/bios/about.mdx";
 import aboutImage from "../assets/img/about.jpg";
 import Link from "../components/Link.astro";
 import Paragraph from "../components/Paragraph.astro";
@@ -16,9 +13,7 @@ import MainLayout from "../layouts/MainLayout.astro";
     <section id="about" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-justify sm:text-center">
         <SectionTitle>About</SectionTitle>
-        <AboutContent
-          components={{ ...aboutComponents, p: Paragraph, a: Link }}
-        />
+        <Content components={{ p: Paragraph, a: Link }} />
         <Image
           src={aboutImage}
           alt="A photo of Nathan conducting the Woodville Concert Band"