FormidableLabs / FormidableLabs/victory

clipWidth warning if I specify groupComponent as <g /> on an animated victory area

Open
#1,290 1 comment 0 reactions 0 assignees View on GitHub
Issue: Accepted Type: Bug :bug:
Dominant language
TypeScript
Stars
11.2k
Forks
536
PR merge metrics
No merged PRs in 30d

Description

# Bugs and Questions

### Checklist

- [x] This is not a `victory-native` specific issue. (Issues that only appear in `victory-native` should be opened [here](https://github.com/FormidableLabs/victory-native/issues/new))

- [x] I have read through the [FAQ](https://formidable.com/open-source/victory/docs/faq) and [Guides](https://formidable.com/open-source/victory/guides/) before asking a question

- [x] I am using the latest version of Victory

- [x] I've searched open issues to make sure I'm not opening a duplicate issue

### The Problem

I get this warning on the console if I specify an animation duration and groupComponent g on a victory area.

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

I am using g as a groupComponent because I don't want it to be clipped.

### Reproduction

https://codesandbox.io/s/3xw6wn4rwq

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.