useMotionValueState
unlumen-ui/hooks-use-motion-value-stateFreeHook
A hook that allows you to use a motion value state.
Install it
npx shadcn@latest add https://ui.unlumen.com/r/hooks-use-motion-value-state.jsonSource
1import * as React from "react";2import { type MotionValue } from "motion/react";34function useMotionValueState(motionValue: MotionValue): number {5 return React.useSyncExternalStore(6 (callback) => {7 const unsub = motionValue.on("change", callback);8 return unsub;9 },10 () => motionValue.get(),11 () => motionValue.get(),12 );13}1415export { useMotionValueState };
What it pulls in
npm packages
Files it writes
More from Unlumen Ui
All 233 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useAutoHeighthooks-use-auto-height | Unlumen Ui | Hooks | Free | no deps | |
| Use Controlled Statehooks-use-controlled-state | Unlumen Ui | Hooks | Free | no deps | |
| useDataStatehooks-use-data-state | Unlumen Ui | Hooks | Free | no deps | |
| useIsInViewhooks-use-is-in-view | Unlumen Ui | Hooks | Free | 1 dep |
