Skip to content

[Bug]: Icons in next.js 13 #693

@anthonycook

Description

@anthonycook

Tremor Version

3.7.7

Link to minimal reproduction

https://codesandbox.io/p/sandbox/priceless-euler-7wn4cx

Steps to reproduce

I'm using next.js 13 with the app dir, I get this error when trying to pass the icon prop to any Tremor components that accept them, they are server side components (see repo link)

Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server"

What is expected?

I'd expect the icon to be able to be passed in server components

What is actually happening?

Not sure, it mentions specifying "use server", tried setting this in my components but it didn't work.

What browsers are you seeing the problem on?

No response

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: BugConfirmed bug, something is not working as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions