diff --git a/src/hooks/useSidePanel.ts b/src/hooks/useSidePanel.ts index 3144e23b3a26..4fb4cf7df20b 100644 --- a/src/hooks/useSidePanel.ts +++ b/src/hooks/useSidePanel.ts @@ -10,7 +10,6 @@ import variables from '@styles/variables'; import CONST from '@src/CONST'; import ONYXKEYS from '@src/ONYXKEYS'; import KeyboardUtils from '@src/utils/keyboard'; -import usePrevious from './usePrevious'; import useResponsiveLayout from './useResponsiveLayout'; import useWindowDimensions from './useWindowDimensions'; @@ -71,14 +70,8 @@ function useSidePanel() { const shouldApplySidePanelOffset = isExtraLargeScreenWidth && !shouldHideSidePanel; const sidePanelOffset = useRef(new Animated.Value(shouldApplySidePanelOffset ? variables.sideBarWidth : 0)); const sidePanelTranslateX = useRef(new Animated.Value(shouldHideSidePanel ? sidePanelWidth : 0)); - const prevShouldHideSidePanel = usePrevious(shouldHideSidePanel); useEffect(() => { - if (shouldHideSidePanel && prevShouldHideSidePanel) { - sidePanelTranslateX.current.setValue(sidePanelWidth); - sidePanelOffset.current.setValue(shouldApplySidePanelOffset ? variables.sideBarWidth : 0); - return; - } setIsSidePanelTransitionEnded(false); Animated.parallel([ @@ -93,7 +86,7 @@ function useSidePanel() { useNativeDriver: true, }), ]).start(() => setIsSidePanelTransitionEnded(true)); - }, [shouldHideSidePanel, shouldApplySidePanelOffset, sidePanelWidth, prevShouldHideSidePanel]); + }, [shouldHideSidePanel, shouldApplySidePanelOffset, sidePanelWidth]); const openSidePanel = useCallback(() => { setIsSidePanelTransitionEnded(false);