diff --git a/apps/v4/app/(app)/create/hooks/use-locks.tsx b/apps/v4/app/(app)/create/hooks/use-locks.tsx index 2cc1597aba..3949df7324 100644 --- a/apps/v4/app/(app)/create/hooks/use-locks.tsx +++ b/apps/v4/app/(app)/create/hooks/use-locks.tsx @@ -24,15 +24,10 @@ const LocksContext = React.createContext(null) export function LocksProvider({ children }: { children: React.ReactNode }) { const [locks, setLocks] = React.useState>(new Set()) - const locksRef = React.useRef(locks) - React.useEffect(() => { - locksRef.current = locks - }, [locks]) - // Stable callback — reads from ref so it doesn't change on every lock toggle. const isLocked = React.useCallback( - (param: LockableParam) => locksRef.current.has(param), - [] + (param: LockableParam) => locks.has(param), + [locks] ) const toggleLock = React.useCallback((param: LockableParam) => {