Website Next JS Dynamic Import Icon Component example doesn't work

[EfrainCami]

The example shown on lucide.dev about how to create a dynamic import component doen't work for me. Followed all the steps, including the one about next js configuration, but it doesn't work. Anyone have the same problem?

[EfrainCami]

Found this example here:

import dynamic from 'next/dynamic';
import type Lucide from 'lucide-react';

export type IconNames = keyof typeof Lucide.icons;
interface IconProps extends Lucide.LucideProps {
  name: IconNames;
}

const Icon = ({ name, ...props }: IconProps) => {
  const LucideIcon = dynamic(() => import(`lucide-react`).then((mod) => mod[name]));

  return <LucideIcon {...props} />;
};

export default Icon;
export type { IconProps };

And this works for me, but idk why the one of lucide.dev does't work

[EfrainCami]

I have check Next docs out and found that the example that i shared to you on my previous comment looks more like the one on next docs, maybe the example of lucide.dev is outdated. Should consider to update it