relative imports of MDX assets not work

[shifenhutu]

sorry my english is not good

issue info

my issue like this #266

i want to import the C1 component in the index.mdx

but it not work

error info

i open the url http://localhost:3000/posts/a22 , i have see nothing

my code

here is my code https://github.com/hu-tu-yi-shi/tmp-contentlayer-bug

can you help me , thank you very much

[nkilm]

@hu-tu-yi-shi Generally we don't import & use the components that way. We use useMDXComponent hook to process the .mdx files and use custom components.

Example

// https://www.contentlayer.dev/docs/sources/files/mdx#usage-from-nextjs

import React from 'react'
import { allPosts, type Post } from 'contentlayer/generated'
import { useMDXComponent } from 'next-contentlayer/hooks'

export const getStaticProps = () => {
  const post = allPosts[0]
  return { props: { post } }
}

const MyButton: React.FC = () => <button>Click me</button>

const Page: React.FC<{ post }> = ({ post }) => {
  const MDXContent = useMDXComponent(post.body.code)
  
  return (
    <div>
      {/* Some code ... */}
		// MyButton is the custom component which can be used in .mdx file
      <MDXContent components={{ MyButton }} />
    </div>
  )
}

export default Page

[shifenhutu]

same #11