This happens because createContext (React Context API) can only be used inside Client Components in Next.js App Router, but your .mdx file is treated as a server component by default.

So To fix that problem, you need to mark your MDX content or the components using React context as Client Components by adding the "use client" directives at the top of the file.