I tried

"use client"
import dynamic from 'next/dynamic';

const DynamicIcon = ({ iconName }) => {
  const IconComponent = dynamic(() =>
    import(`@mui/icons-material/${iconName}`).then((mod) => mod.default),
  );

  return <IconComponent />;
};

export default DynamicIcon;

then on page

<DynamicIcon iconName="FollowTheSignsTwoTone" />

Error: Module not found: Can’t resolve ‘@mui/icons-material’

I tried searching but couldn’t find the answer. How can I dynamically insert these ICONs?