AreaCharts still broken with React 19

[sradu]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.17.1

What package has an issue?

@mantine/charts

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

All

Describe the bug

There was a previous issue about AreaCharts not showing the area gradient in React 19, and I'm having a similar problem.

I can just have the standard demo example and it's just dots:

  return (
    <AreaChart
      h={300}
      data={wtf}
      dataKey="date"
      series={[
        { name: 'Apples', color: 'indigo.6' },
        { name: 'Oranges', color: 'blue.6' },
        { name: 'Tomatoes', color: 'teal.6' },
      ]}
      curveType="natural"
    />
  );

I noticed that you upgraded a resolution to react-is to 19, but my npm ls says:

❯ npm ls react-is
xxx@ /Users/xxx/Work/xxx
└─┬ [email protected] -> ./notebook-fe
  ├─┬ @sentry/[email protected]
  │ └─┬ [email protected]
  │   └── [email protected]
  ├─┬ [email protected]
  │ └─┬ [email protected]
  │   └── [email protected] deduped
  ├─┬ [email protected]
  │ └─┬ @jest/[email protected]
  │   └─┬ [email protected]
  │     └── [email protected]
  └─┬ [email protected]
    └── [email protected]

I'm not sure how to fix this yet, but I'm assuming there's something somewhere bad happening.

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[sradu]

Update: adding "react-is": "^19.0.0" to my resolutions fixed the issue. But it should work out of the box perhaps?

[rtivital]

Duplicate of #7220