10000 [@iconify-icon/react] Not show in next-app-dir · Issue #322 · iconify/iconify · GitHub
[go: up one dir, main page]
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[@iconify-icon/react] Not show in next-app-dir #322

Open
mtr1990 opened this issue Aug 5, 2024 · 3 comments
Open

[@iconify-icon/react] Not show in next-app-dir #322

mtr1990 opened this issue Aug 5, 2024 · 3 comments

Comments

@mtr1990
Copy link
mtr1990 commented Aug 5, 2024

Hi,

I tested on next.js ( next-app-dir) version with package '@iconify-icon/react'. However it doesn't work. (right block)

The next-page-dir version works properly. (left block)

Do we have an example for next.js version ( next-app-dir)

import { Icon } from '@iconify-icon/react';

        <p>
          <Icon icon="mdi:home" />
          <Icon icon="mdi:home-outline" width={100} />
          <Icon icon="flat-color-icons:home" />
          <Icon icon="flat-color-icons:home" width={200} />
          <Icon icon="flat-color-icons:home" />
        </p>
image
@cyberalien
Copy link
Member

Looks like it wasn't bundled or for some reason javascript didn't load.

@impeterk
Copy link

Hi
Have you come up with a solution?
I have a similar issue

image
I have three icons

  1. data for icon is result of loadData()
  2. JSON.stringify() loadData()
  3. icon is a string

However none of them are rendered

@Cisco0911
Copy link

Hi,
@mtr1990 ensure that you are using it in a client component ( "use client" at the top)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participa 2F96 nts
@cyberalien @mtr1990 @impeterk @Cisco0911
0