Next.JS optimizePackageImports does not work with CodeHighlight and @next/mdx

[joshuaavalon]

In Usage with Next.js, it show the settings

export default {
  // ...other configuration
  experimental: {
    optimizePackageImports: ['@mantine/core', '@mantine/hooks'],
  },
};

if optimizePackageImports is set, when CodeHighlight is used in @next/mdx.

Even MantineProvider is set, it causes

Error: @mantine/core: MantineProvider was not found in component tree, make sure you have it in your app

This is for anyone in future faced the same problem.