high85%
MDX component function passed to Client Component fails with Cache Components and Partial Prerendering
When using Next.js 16.3.1-canary.1 with Cache Components and Partial Prerendering enabled, dynamic imported MDX components are treated as Server Component functions and passed directly to a Client Component, causing the error 'Functions cannot be passed directly to Client Components'. The fix is to render the MDX component to a React element before passing it to the client, typically by using it as children or as a rendered prop.