Fixing example

framer · May 16, 2024 · 25c59ed · 25c59ed
1 parent 767834b
commit 25c59ed
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/dev/examples/useSpring.tsx b/dev/examples/useSpring.tsx
@@ -10,36 +10,36 @@ const spring = {
 
 function DragExample() {
     const dragX = useMotionValue(0)
-    // const dragY = useMotionValue(0)
+    const dragY = useMotionValue(0)
     const x = useSpring(dragX, spring)
-    // const y = useSpring(dragY, spring)
+    const y = useSpring(dragY, spring)
     return (
         <motion.div
             drag="x"
             dragMomentum={false}
             _dragX={dragX}
-            // _dragY={dragY}
-            style={{ width: 100, height: 100, background: "red", x }}
+            _dragY={dragY}
+            style={{ width: 100, height: 100, background: "red", x, y }}
         >
             Drag
         </motion.div>
     )
 }
 
 function RerenderExample() {
-    const [mousePosition, setMousePosition] = useState({ x: null, y: null })
+    const [{ x, y }, setMousePosition] = useState({ x: null, y: null })
 
     const updateMousePosition = useRef((e) => {
         setMousePosition({ x: e.clientX, y: e.clientY })
     })
 
     const size = 40
     const ref = useRef<HTMLDivElement>(null)
-    // console.log(x)
+
     return (
         <motion.div
             ref={ref}
-            animate={{ x: mousePosition.x }}
+            animate={{ x, y }}
             transition={spring}
             style={{
                 width: 100,