From ce51fa99574696ac0ce2d6702d04d239debd9a66 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 5 Feb 2025 22:39:10 -0500
Subject: [PATCH] fix: useComponentSize should run in useLayoutEffect

---
 shared/hooks/useComponentSize.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/hooks/useComponentSize.ts b/shared/hooks/useComponentSize.ts
index caad32ef4d..47e8cd04cc 100644
--- a/shared/hooks/useComponentSize.ts
+++ b/shared/hooks/useComponentSize.ts
@@ -1,4 +1,4 @@
-import { useState, useLayoutEffect, useEffect } from "react";
+import { useState, useLayoutEffect } from "react";
 
 const defaultRect = {
   top: 0,
@@ -33,7 +33,7 @@ export function useComponentSize(
     return () => sizeObserver.disconnect();
   }, [element]);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     const handleResize = () => {
       setSize((state) => {
         const rect = element?.getBoundingClientRect();