[Bug]: Not able to see the charts about tremor HOT 6 CLOSED

Hi! I've also been having the same issue not being able to see the charts in the Next.js app directory. I tried the fixes mentioned above (i.e. removing h-72, and updating tailwind.config.js and the recharts dependency) but I'm still having no luck. I think it's to do with conflicts with Shadcn UI (see here: shadcn-ui/ui#1144). Any ideas?

Relevant files:

page.tsx in app directory: https://github.com/ebayes/supa_final/blob/color_scheme/app/platform/dashboard/page.tsx
component: https://github.com/ebayes/supa_final/blob/color_scheme/components/testchart.tsx

from tremor.

@nithinkodadhavadee Ok, I had a look at your repository.

It seems you're not experiencing the same problem, but I found an issue in your configuration.

The content path in your tailwind.config.ts does not match your project structure. Try this change:

from tremor.

Hey there, I just tested your code and in another project and works for me. However, I cloned your repo and I git the same issue. You can resolve it by removing the h-72 from the Area chart args object.

from tremor.

I do not understand why that did not work for me, but it did for you. Have I done something wrong with the setup?

from tremor.

@nithinkodadhavadee I have the same issue.
It seems to be an update to the recharts dependency for me.

Can you try adding the recharts dependency explicitely to your package.json with a pinned version?

"recharts": "2.9.3",

(and of course run npm install and npm run dev afterwards)

This helped in my case, I wonder if this works for you as well?

from tremor.

@nithinkodadhavadee Have you been able to solve you issue?

from tremor.