Moved gradient definitions inside refs as per Recharts documentation.

[rodyvansambeek]

Description

Moved gradient definitions inside refs as per Recharts documentation. This fixes the issue that in recent NextJS versions the AreaChart show up emtpy.

Related issue(s)

#126 [Bug]: AreaChart local component not show data

What kind of change does this PR introduce? (check at least one)

• Bug fix (non-breaking change which fixes an issue)
• New Feature (non-breaking change which adds functionality)
• New Feature (BREAKING CHANGE which adds functionality)
• Refactor
• Build-related changes
• Other, please describe:

Does this PR introduce a breaking change? (check one)

• Yes
• No

If yes, please describe the impact and migration path for existing applications:

How has this been tested?

1. Tested it locally with the playwright tests
2. Tested it on a NextJS install which previously shown empty AreaCharts

The PR fulfils these requirements:

• It's submitted to the main branch
• Add refs #XXX or fixes #XXX to the related issue section if your PR refers to or fixes an issue.
• My change requires a change to the documentation. (Managed by Tremor Team)
• I have added tests to cover my changes
• Check the "Allow edits from maintainers" option while creating your PR.
• By contributing to Tremor, you confirm that you have read and agreed to Tremor's CONTRIBUTING.md guideline. You also agree that your contributions will be licensed under the Apache License 2.0 license.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tremor-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 29, 2025 6:57am

[rodyvansambeek]

Fixes #126