fix: Hook render issue (#18950)

PostHog · Nov 29, 2023 · 53beba6 · 53beba6
1 parent 45f3caa
commit 53beba6
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx
@@ -36,6 +36,11 @@ export function LemonBanner({
     const { dismiss } = useActions(logic)
     const showCloseButton = dismissKey || onClose
 
+    const { ref: wrapperRef, size } = useResizeBreakpoints({
+        0: 'compact',
+        400: 'normal',
+    })
+
     const _onClose = (): void => {
         if (dismissKey) {
             dismiss()
@@ -47,11 +52,6 @@ export function LemonBanner({
         return <></>
     }
 
-    const { ref: wrapperRef, size } = useResizeBreakpoints({
-        0: 'compact',
-        400: 'normal',
-    })
-
     const isCompact = size === 'compact'
 
     return (