스택과 탭이 중첩된 상황에서 useScrollToTop가 먹히지 않습니다

안녕하세요
리액트 네이티브를 통해 어플을 만들고 있습니다.
지그재그 같은 쇼핑몰을 만들고 있습니다.

제가 구성한 코드 로직은 아래와 같습니다.
문제는, 'useScrollToTop’이 먹히지가 않는 것입니다. 공식문서를 보면서
const ref 이하로는 똑같이 타이핑을 한 거 같은데, 작동을 안하네요.

아래 코드로직 중에서, HomeTopTabNavigation을 Home으로 바꾸면, 그 때는 유즈스크롤투탑이
제대로 작동을 합니다.
<HomeNavigation.Screen name=“Main” component={HomeTopTabNavigation} />

하지만, Home 화면에서 탭 네비게이터와 탑 네비게이터가 함께 있는 UI를 그리고자, HomeTopTabNavigation을 추가했던 것이었습니다.

그외 렌더링이라던지, useScrollTop을 제외한 다른 기능들은 정상적으로 작동합니다

고수 선배님들의 조언 부탁드립니다

이하 해당 코드 로직입니다

const Tab = createMaterialBottomTabNavigator();

<Tab.Navigator>
  <Tab.screen name='home' component={HomeNavigation} options={{ <Image ...(blah blah) /> }} />
</Tab.Navigator>
----
const HomeNavigation = createStackNavigator();

<HomeNavigation.Navigator initialRouteName="Main" name="Main" component={HomeTopTabNavigation}>
  <HomeNavigation.Screen name="Main" component={HomeTopTabNavigation} />
<HomeNavigation.Navigator />
----
const HomeTopTabNavigation = createMaterialTopTabNavigator();

<HomeTopTabNavigation.Navigator initialRouteName='NEW'>
  <HomeTopTabNavigation.Screen name="NEW" component={Home} />
  <HomeTopTabNavigation.Screen name="HOT" component={HOT} />
</HomeTopTabNavigation.Navigator>
----
const Home = ({ navigation }) => {
  const ref = React.useRef(null);    *******.  이 부분이 작동을 안 합니다 
  useScrollToTop(ref);            *******.  이 부분이 작동을 안 합니다
...
  return (
    ...
    <FlatList 
      ref ={ref}                 *******.  이 부분이 작동을 안 합니다
      ...
    />
  )
}
useScrollToTop(ref); 

이걸 어디서 호출하는지 정확히 보여주시면 좋을 것 같아요.