How can I manage Link with Next 13

[sweet citrus]

Getting below an error on next export. Its working fine with normal next dev and serve.

Error: React.Children.only expected to receive a single React element child.

<Menu.Item
icon={<EditCircle size={14} />}
component={Link}
href={example.com}>Test</Menu.Item>

Any idea? How can I use Link with Menu Item?

[lilac thicket]

create a wrapper const NextLink = ({ children }) => <Link><span>{children}</span></Link>

[sweet citrus]

Will I have to pass this wrapper in component prop?

[lilac thicket]

I suppose so