fix(sankey): switch to useAnimatedPath hook

plouc · Oct 22, 2020 · a5cdf26 · a5cdf26
1 parent d755a11
commit a5cdf26
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/sankey/src/SankeyLinksItem.js b/packages/sankey/src/SankeyLinksItem.js
@@ -9,7 +9,7 @@
 import React, { memo, useCallback, useMemo } from 'react'
 import PropTypes from 'prop-types'
 import { useSpring, animated } from 'react-spring'
-import { blendModePropType, useMotionConfig } from '@nivo/core'
+import { blendModePropType, useAnimatedPath, useMotionConfig } from '@nivo/core'
 import { BasicTooltip, Chip, useTooltip } from '@nivo/tooltip'
 import SankeyLinkGradient from './SankeyLinkGradient'
 
@@ -73,8 +73,8 @@ const SankeyLinksItem = ({
     const linkId = `${link.source.id}.${link.target.id}`
 
     const { animate, config: springConfig } = useMotionConfig()
+    const animatedPath = useAnimatedPath(path)
     const animatedProps = useSpring({
-        path,
         color,
         opacity,
         config: springConfig,
@@ -130,7 +130,7 @@ const SankeyLinksItem = ({
             )}
             <animated.path
                 fill={enableGradient ? `url("#${encodeURI(linkId)}")` : animatedProps.color}
-                d={animatedProps.path}
+                d={animatedPath}
                 fillOpacity={animatedProps.opacity}
                 onMouseEnter={isInteractive ? handleMouseEnter : undefined}
                 onMouseMove={isInteractive ? handleMouseMove : undefined}