From fd375b95d877c54b5fc168e5ecdd748f9664a8b4 Mon Sep 17 00:00:00 2001
From: Evan Simkowitz <esimkowitz@users.noreply.github.com>
Date: Mon, 19 Aug 2024 14:28:01 -0700
Subject: [PATCH] uselayouteffect for window controls overlay callback

---
 frontend/app/app.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app/app.tsx b/frontend/app/app.tsx
index ae326477d..1f29c0559 100644
--- a/frontend/app/app.tsx
+++ b/frontend/app/app.tsx
@@ -336,7 +336,7 @@ function AppBackground() {
         }),
         [bgRef, style]
     );
-    React.useEffect(getAvgColor, [getAvgColor]);
+    React.useLayoutEffect(getAvgColor, [getAvgColor]);
     useResizeObserver(bgRef, getAvgColor);
 
     return <div ref={bgRef} className="app-background" style={style} />;