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

[shwarcu]

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?

What browsers are you seeing the problem on?

Microsoft Edge

Any additional comments?

This seems to be the same problem as in #879