FormidableLabs / FormidableLabs/victory

Hydration error using VictoryLine on NextJS 15.

Open
#2,941 7 comments 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

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Code of Conduct

- [X] I agree to follow this project's Code of Conduct

### Victory version

^37.3.0

### Code Sandbox link

_No response_

### Bug report

```markdown
I am using VictoryLine in a client component, and calling it on a server-side page. On refresh of the page I am getting a hydration error:

+clipPath="url(#victory-clip-8)"
-clipPath="url(#victory-clip-4)"
+id="victory-clip-8"
-id="victory-clip-4"```

Just using the example data from the docs.

VictoryLine is in a client component, that is imported to the page.
```

### Steps to reproduce

_No response_

### Expected behavior

_No response_

### Actual behavior

_No response_

### Environment

```markdown
- Device: Mac M2 Pro
- OS: MacOS
- Node: 20.11.0
- npm: 37.3.0
```

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.