mdx-components not available when using next mdx remote

[valid oriole]

Trying to split a larger MDX file into smaller components using next MDX remote

import path from "path"
import { MDXRemote } from "next-mdx-remote/rsc"

export default function MdxSection({ slug, section }: { slug: string, section: number }) {
  const content = fs.readFileSync(
    path.join(
      process.cwd(),
      "*redacted*/learn/[...slug]",
      `${slug}.mdx`
    ),
    "utf8"
  )
  const contentArray = content.split("<br />")
  return <MDXRemote source={contentArray[section]} />
}``` 
Running into an issue where the mdx-components I have in mdx-components.tsx don't seem to be available to the JSX rendered by MDXRemote. Is there a workaround for this?

[river nest]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)