rename object keys

mui · Aug 27, 2024 · 551209b · 551209b
1 parent 8da5695
commit 551209b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/packages/x-charts/src/LineChart/MarkElement.tsx b/packages/x-charts/src/LineChart/MarkElement.tsx
@@ -107,7 +107,7 @@ function MarkElement(props: MarkElementProps) {
   });
   const { axis } = React.useContext(InteractionContext);
 
-  const position = useSpring({ x, y, immediate: skipAnimation });
+  const position = useSpring({ to: { x, y }, immediate: skipAnimation });
   const ownerState = {
     id,
     classes: innerClasses,

diff --git a/packages/x-charts/src/internals/useAnimatedPath.ts b/packages/x-charts/src/internals/useAnimatedPath.ts
@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { interpolateString } from '@mui/x-charts-vendor/d3-interpolate';
-import { useSpring, to } from '@react-spring/web';
+import { useSpring } from '@react-spring/web';
 
 function usePrevious<T>(value: T) {
-  const ref = React.useRef<{ current: T; previous?: T }>({
-    current: value,
-    previous: undefined,
+  const ref = React.useRef<{ currentPath: T; previousPath?: T }>({
+    currentPath: value,
+    previousPath: undefined,
   });
   React.useEffect(() => {
     ref.current = {
-      current: value,
-      previous: ref.current.current,
+      currentPath: value,
+      previousPath: ref.current.currentPath,
     };
   }, [value]);
   return ref.current;
@@ -21,10 +21,10 @@ export const useAnimatedPath = (path: string, skipAnimation?: boolean) => {
 
   const interpolator = React.useMemo(
     () =>
-      memoryRef.previous
-        ? interpolateString(memoryRef.previous, memoryRef.current)
-        : () => memoryRef.current,
-    [memoryRef],
+      memoryRef.previousPath
+        ? interpolateString(memoryRef.previousPath, memoryRef.currentPath)
+        : () => memoryRef.currentPath,
+    [memoryRef.currentPath, memoryRef.previousPath],
   );
 
   const [{ value }] = useSpring(
@@ -34,8 +34,8 @@ export const useAnimatedPath = (path: string, skipAnimation?: boolean) => {
       reset: true,
       immediate: skipAnimation,
     },
-    [memoryRef.current],
+    [memoryRef.currentPath],
   );
 
-  return to([value], interpolator);
+  return value.to(interpolator);
 };