chore: resolving ref current issue with react compiler

sanity-io · Dec 24, 2024 · 50a8026 · 50a8026
1 parent 976a688
commit 50a8026
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
@@ -220,18 +220,18 @@ export function ReleasesOverview() {
     })
   }, [releaseFilterDate, releaseGroupMode, router])
 
-  const hasMounted = useRef(false)
+  const [hasMounted, setHasMounted] = useState(false)
 
   useEffect(() => {
-    hasMounted.current = true
+    setHasMounted(true)
   }, [])
 
   const currentArchivedPicker = useMemo(() => {
     const groupModeButtonBaseProps = {
       disabled: loading || !hasReleases,
       mode: 'bleed' as ButtonMode,
       padding: 2,
-      ...(hasMounted.current
+      ...(hasMounted
         ? {
             initial: {opacity: 0},
             animate: {opacity: 1},
@@ -269,6 +269,7 @@ export function ReleasesOverview() {
   }, [
     loading,
     hasReleases,
+    hasMounted,
     handleReleaseGroupModeChange,
     releaseGroupMode,
     t,