The 'You Might Not Need next-mdx-remote' example not working

[m5p3nc3r]

Describe the bug

Hi Guys

Whilst not strictly a problem with next-mdx-remote, the example documentation I am following is in this projects README.md.

I am using the example code to pre-render routes under blog/[...slug]/page.tsx where the actual contents are available at compile time in the route blog/posts/....

If I try and load an image like this

import Image from "next/image";
import MyImage from "@/images/my_image.gif";

<Image src={MyImage} />

I get a issues like Did you mean to import "next/image.js"?, and Error: Unknown file extension ".gif" for ....

It looks to me like the compiler does not inherit the same configuration as the base next.js compiler. Is there any way to fix this, and is it worth updating the documentation in this project to reflect this?

The reproduction URL is the website I am trying to build. The files in question are:

• https://github.com/m5p3nc3r/website/blob/main/src/app/blog/posts/2024/and_so_it_begins.mdx
• https://github.com/m5p3nc3r/website/blob/main/src/lib/markdown_helper.tsx

Thanks

Reproduction

https://github.com/m5p3nc3r/website

next-mdx-remote version

v5.0.0