DeprecatedLayoutGroupContext: Note: Still used by components generated by old versions of Framer
DraggableProps: - Use MotionNodeDragHandlers/MotionNodeDraggableOptions
Spring: Use SpringOptions instead
TapHandlers: - Use MotionNodeTapHandlers
Tween: Use KeyframeOptions instead
cancelSync: Use cancelFrame(callback) instead.
sync: Import as `frame` instead.
useDeprecatedInvertedScale: Returns a `MotionValue` each for `scaleX` and `scaleY` that update with the inverse of their respective parent scales. This is useful for undoing the distortion of content when scaling a parent component. By default, `useInvertedScale` will automatically fetch `scaleX` and `scaleY` from the nearest parent. By passing other `MotionValue`s in as `useInvertedScale({ scaleX, scaleY })`, it will invert the output of those instead. ```jsx const MyComponent = () => { const { scaleX, scaleY } = useInvertedScale() return <motion.div style={{ scaleX, scaleY }} /> } ```
useElementScroll: useElementScroll is deprecated. Convert to useScroll({ container: ref })
useViewportScroll: useViewportScroll is deprecated. Convert to useScroll()
DOMKeyframesDefinition.clip: The **`clip`** CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed. [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clip)
MotionValue.onChange: Adds a function that will be notified when the `MotionValue` is updated. It returns a function that, when called, will cancel the subscription. When calling `onChange` inside a React component, it should be wrapped with the `useEffect` hook. As it returns an unsubscribe function, this should be returned from the `useEffect` function to ensure you don't add duplicate subscribers.. ```jsx export const MyComponent = () => { const x = useMotionValue(0) const y = useMotionValue(0) const opacity = useMotionValue(1) useEffect(() => { function updateOpacity() { const maxXY = Math.max(x.get(), y.get())
ScrollMotionValues.scrollX.onChange: Adds a function that will be notified when the `MotionValue` is updated. It returns a function that, when called, will cancel the subscription. When calling `onChange` inside a React component, it should be wrapped with the `useEffect` hook. As it returns an unsubscribe function, this should be returned from the `useEffect` function to ensure you don't add duplicate subscribers.. ```jsx export const MyComponent = () => { const x = useMotionValue(0) const y = useMotionValue(0) const opacity = useMotionValue(1) useEffect(() => { function updateOpacity() { const maxXY = Math.max(x.get(), y.get())
ValueAnimationOptions.motionValue.onChange: Adds a function that will be notified when the `MotionValue` is updated. It returns a function that, when called, will cancel the subscription. When calling `onChange` inside a React component, it should be wrapped with the `useEffect` hook. As it returns an unsubscribe function, this should be returned from the `useEffect` function to ensure you don't add duplicate subscribers.. ```jsx export const MyComponent = () => { const x = useMotionValue(0) const y = useMotionValue(0) const opacity = useMotionValue(1) useEffect(() => { function updateOpacity() { const maxXY = Math.max(x.get(), y.get())
dom:cancelSync: Use cancelFrame(callback) instead.
registry.npmjs.orgquote checked
Nemotron fixes