From 3751fdfa4c56bc96e8738497ee29d0f4750c9b13 Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Tue, 26 May 2026 23:56:45 +0400
Subject: [PATCH] fix(create): update lock state during render (#10782)

---
 apps/v4/app/(app)/create/hooks/use-locks.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

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<LocksContextValue | null>(null)
 
 export function LocksProvider({ children }: { children: React.ReactNode }) {
   const [locks, setLocks] = React.useState<Set<LockableParam>>(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) => {