Hydration error using VictoryLine on NextJS 15.
Author: JohnFoster44Created Oct 31, 2024Updated Aug 18, 2025
LabelsType: Bug :bug:Issue: Accepted
Is there an existing issue for this?
- I have searched the existing issues
Code of Conduct
- I agree to follow this project's Code of Conduct
Victory version
^37.3.0
Code Sandbox link
No response
Bug report
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
- Device: Mac M2 Pro
- OS: MacOS
- Node: 20.11.0
- npm: 37.3.0Source: FormidableLabs/victory