Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unrecognized Prop Error in @mantine/charts #7288

Open
1 of 2 tasks
r-walsh opened this issue Dec 19, 2024 · 0 comments
Open
1 of 2 tasks

Unrecognized Prop Error in @mantine/charts #7288

r-walsh opened this issue Dec 19, 2024 · 0 comments

Comments

@r-walsh
Copy link

r-walsh commented Dec 19, 2024

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

When using a BarChart and passing in gridColor and/or textColor props I receive the following error from React:

Warning: React does not recognize the gridColor prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase gridcolor instead. If you accidentally passed it from a parent component, remove it from the DOM element.

I suspect this is likely the same problem seen in this issue (and its related PR) in which props were being unintentionally spread across an element that can't accept them.

I was originally on version 7.7.2, upgraded all mantine packages to 7.15.1 while looking for a fix and was still able to reproduce.

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

https://codesandbox.io/p/sandbox/mantine-react-template-forked-yqwscq

Possible fix

Assuming my intuition about the cause is correct, I expect a fix will follow the same pattern as the PR linked above on a similar issue.

Self-service

  • I would be willing to implement a fix for this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant