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) {