search

tremorlabs / tremor

React components to build charts and dashboards
https://tremor.so
Apache License 2.0
15.39k stars 446 forks source link

[Bug]: Badge icons from documentation are not working with NextJS 14.2.2 #1019

Open shwarcu opened 3 weeks ago

shwarcu commented 3 weeks ago

Tremor Version

@tremor/react: ^3.16.1

Link to minimal reproduction

https://codesandbox.io/p/devbox/brave-easley-nht8x6

Steps to reproduce

I went steb by step through https://www.tremor.so/docs/getting-started/installation and then added a badge from this example https://www.tremor.so/docs/ui/table#usage-example

in my page.tsx

import { RiFlag2Line } from '@remixicon/react';
import { Badge } from '@tremor/react';

 <Badge color="emerald" icon={RiFlag2Line}>Active</Badge>

What is expected?

Badge with an icon is rendered same as in the documentation

What is actually happening?

image

What browsers are you seeing the problem on?

Microsoft Edge

Any additional comments?

This seems to be the same problem as in https://github.com/tremorlabs/tremor/issues/879