fix: mutation observer 적용

depromeet · Jan 31, 2024 · c6f51a5 · c6f51a5
1 parent c7fa0d1
commit c6f51a5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/main/BottomSheet/components/BottomSheetShowContent.tsx b/src/components/main/BottomSheet/components/BottomSheetShowContent.tsx
@@ -7,6 +7,7 @@ import CurrentLocationButton from '@components/main/CurrentLocationButton';
 import { currentLocationButtonFadeInOutVariants } from '@constants/motions';
 import useResizeObserver from '@hooks/useResizeObserver';
 import mergeRefs from '@utils/mergeRefs';
+import useMutationObserver from '@hooks/useMutationObserver';
 
 interface BottonSheetShowContent {
   onCurrentLocationButtonClick: () => void;
@@ -19,6 +20,11 @@ export default function BottonSheetShowContent({
   const showStatusChildrenRef = useRef<HTMLDivElement>(null);
   const { status, setShowStatusChildrenHeight } = useBottomSheet();
 
+  useMutationObserver(showStatusChildrenRef, () => {
+    showStatusChildrenRef.current &&
+      setShowStatusChildrenHeight(showStatusChildrenRef.current.offsetHeight);
+  });
+
   const onResize = useCallback(
     (target: HTMLDivElement) => {
       setShowStatusChildrenHeight(target.offsetHeight);