diff --git a/src/hooks/useVisibilityEvent/ko/useVisibilityEvent.md b/src/hooks/useVisibilityEvent/ko/useVisibilityEvent.md index 609ba25f..1ee19a66 100644 --- a/src/hooks/useVisibilityEvent/ko/useVisibilityEvent.md +++ b/src/hooks/useVisibilityEvent/ko/useVisibilityEvent.md @@ -31,7 +31,7 @@ function useVisibilityEvent( required: false, defaultValue: 'false', description: - 'true이면, 현재 가시성 상태로 마운트 시에 즉시 콜백이 호출돼요.', + 'true이면, 현재 가시성 상태로 마운트 시에 즉시 콜백이 호출돼요.
: 초기값은 false이에요.', }, ]" /> diff --git a/src/hooks/useVisibilityEvent/useVisibilityEvent.md b/src/hooks/useVisibilityEvent/useVisibilityEvent.md index 63cdc854..2288c262 100644 --- a/src/hooks/useVisibilityEvent/useVisibilityEvent.md +++ b/src/hooks/useVisibilityEvent/useVisibilityEvent.md @@ -31,7 +31,7 @@ function useVisibilityEvent( required: false, defaultValue: 'false', description: - 'If true, the callback is invoked immediately upon mounting with the current visibility state.', + 'If true, the callback is invoked immediately upon mounting with the current visibility state.
: The initial value is false.', }, ]" /> diff --git a/src/hooks/useVisibilityEvent/useVisibilityEvent.ts b/src/hooks/useVisibilityEvent/useVisibilityEvent.ts index adf0765f..86443f26 100644 --- a/src/hooks/useVisibilityEvent/useVisibilityEvent.ts +++ b/src/hooks/useVisibilityEvent/useVisibilityEvent.ts @@ -1,4 +1,6 @@ -import { useCallback, useEffect } from 'react'; +import { useEffect } from 'react'; + +import { usePreservedCallback } from '../usePreservedCallback/index.ts'; type Options = { immediate?: boolean; @@ -27,9 +29,7 @@ type Options = { */ export function useVisibilityEvent(callback: (visibilityState: 'visible' | 'hidden') => void, options: Options = {}) { - const handleVisibilityChange = useCallback(() => { - callback(document.visibilityState); - }, [callback]); + const handleVisibilityChange = usePreservedCallback(() => callback(document.visibilityState)); useEffect(() => { if (options?.immediate ?? false) {