Charts dont display correct series on legend hover when series' name attribute has integers as names in them

[Christoffer-Toft]

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

What package has an issue?

@mantine/charts

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Not applicable – issue is not related to the browser

Describe the bug

ITs either the headline or the dotted notation:
See code sandbox https://codesandbox.io/p/devbox/mantine-react-template-forked-v6rc2q?workspaceId=ws_UKiAWHVntRTuS6mT31e8jN

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

https://codesandbox.io/p/devbox/mantine-react-template-forked-v6rc2q?workspaceId=ws_UKiAWHVntRTuS6mT31e8jN

Possible fix

Support for dotted notation in series maybe. Im not sure.

Self-service

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

[Christoffer-Toft]

note, in the code sandbox im not using the latest package versions but its there since 7.11 i think at which point it seemed to work

[AliAkrem]

it works for me that way

<BarChart
  h={300}
  data={data}
  dataKey="date"
  type="stacked"
  withLegend
  legendProps={{ verticalAlign: "bottom" }}
  series={[
    {
      name: "groups[3]",
      label: "Smartphones sales",
      color: "violet.6",
    },
    { name: "groups[1]", label: "Laptops sales", color: "blue.6" },
    { name: "groups[2]", label: "Tablets sales", color: "teal.6" },
  ]}
/>

replacing groups.1 with group[1]
here's link to code sandbox : https://codesandbox.io/p/sandbox/dreamy-bhaskara-3l4m72