Changed the exemple of dynamic icons using NextJS

[morrisseybr]

This pr resolves the issue #1576.

[github-actions[bot]]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[dani-z]

Tried this locally, but unfortunately, it crashed my app. Are you sure this works with Next 13+ App router? Here's my error

[morrisseybr]

Tried this locally, but unfortunately, it crashed my app. Are you sure this works with Next 13+ App router? Here's my error

Can you show your implementation and the use of the example that you are doing?

[KajSzy]

Tried this locally, but unfortunately, it crashed my app. Are you sure this works with Next 13+ App router? Here's my error

Can you show your implementation and the use of the example that you are doing?

I think his issue is that dynamicIconImports uses kebab-case icon names, while your apporach requires PascalCase I've stumbled at exactly the same issue in my project that I very recently moved from non-optimized generic component to the one using dynamicIconImports But as reported in issue the slowness of dev server brought me here

[bernatfortet]

@KajSzy converting the name to pascal case solved my issue. Dev server is super fast now. Thanks!

[ben519]

@morrisseybr this only works client-side. Any idea how to make it work within a Server Component?