feat(treemap): adjustments for react-spring@next

plouc · Nov 16, 2020 · e5611c3 · e5611c3
1 parent df7d665
commit e5611c3
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/treemap/src/TreeMapNodes.js b/packages/treemap/src/TreeMapNodes.js
@@ -78,7 +78,8 @@ const TreeMapNodes = ({
     })
 
     const { animate, config: springConfig } = useMotionConfig()
-    const transitions = useTransition(interactiveNodes, node => node.path, {
+    const transition = useTransition(interactiveNodes, {
+        key: node => node.path,
         initial: node => getAnimatedNodeProps(node),
         from: node => getEndingAnimatedNodeProps(node),
         enter: node => getAnimatedNodeProps(node),
@@ -88,9 +89,9 @@ const TreeMapNodes = ({
         immediate: !animate,
     })
 
-    return transitions.map(({ item: node, props: animatedProps, key }) => {
+    return transition((animatedProps, node) => {
         return React.createElement(nodeComponent, {
-            key,
+            key: node.path,
             node,
             animatedProps,
             borderWidth,