Issue with CompositeChart

[plantaest]

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.13.3

What package has an issue?

@mantine/charts

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

I use CompositeChart with the following code:

<CompositeChart
  h={185}
  data={chartData}
  dataKey="date"
  maxBarWidth={30}
  withRightYAxis
  series={[
    { name: 'views', label: 'Số lượt xem', color: 'yellow.8', type: 'area' },
    {
      name: 'edits',
      label: 'Số sửa đổi',
      color: 'rgba(18, 120, 255, 0.2)',
      yAxisId: 'right',
      type: 'bar',
    },
  ]}
  curveType="monotone"
  gridAxis="none"
/>

But the Chrome console shows this error:

I think we should add key prop to this line:

mantine/packages/@mantine/charts/src/CompositeChart/CompositeChart.tsx

Line 289 in 6a067f1

name={item.name}

Regards,
Plantaest.

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

[mariakax3]

Hello, I'd love the opportunity to contribute to this issue.

[rtivital]

You are welcome to submit a PR with a fix

[Kenzo-Wada]

@plantaest BTW, The UI design of your product is aaaaawesome!!! nice job!

[plantaest]

@Kenzo-Wada Yeah, thank you so much! This is an open-source application that I'm developing. You can check it out here: https://github.com/plantaest/zinnia. To run it, you should have an account on the Meta-Wiki platform: https://meta.wikimedia.org/, as it's used to handle tasks there.

This project wouldn't have such a good UI without the talented author of Mantine, @rtivital. Thank you so much!

@mariakax3 Thank you for your interest, I hope to see a PR for this issue soon.

[mariakax3]

@rtivital Could I request permission to push changes to the repository? Currently I'm encountering 403 response

[plantaest]

@mariakax3 I suggest you create a fork. You can read more about it here: https://docs.github.com/en/get-started/exploring-projects-on-github/contributing-to-a-project.