diff options
Diffstat (limited to 'src/components/ButtonMenu.tsx')
| -rw-r--r-- | src/components/ButtonMenu.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/ButtonMenu.tsx b/src/components/ButtonMenu.tsx index 6a2b73e..f4427b3 100644 --- a/src/components/ButtonMenu.tsx +++ b/src/components/ButtonMenu.tsx @@ -1,5 +1,5 @@ import type { ComponentChildren } from 'preact'; -import { useEffect, useRef, useId } from 'preact/hooks'; +import { useEffect, useCallback, useRef, useId } from 'preact/hooks'; import { useSignal, batch } from '@preact/signals'; import Button from './Button.tsx'; import Menu from './Menu.tsx'; @@ -16,12 +16,12 @@ const ButtonMenu = ({ children, label }: ButtonMenuProps) => { const x = useSignal(0); const y = useSignal(0); - const updateRect = () => batch(() => { + const updateRect = useCallback(() => batch(() => { const rect = ref.current?.getBoundingClientRect(); if (!rect) return; x.value = rect.x; y.value = rect.y + rect.height + 1; - }); + }), []); useEffect(updateRect, [ref.current]); return ( |