How to use the @react-navigation/native.useScrollToTop function in @react-navigation/native

export default function Albums() {
  const ref = React.useRef(null);

  useScrollToTop(ref);

  return (
    
      {COVERS.map((source, i) => (
        // eslint-disable-next-line react/no-array-index-key
        <img style="{styles.cover}">
      ))}
      {COVERS.map((source, i) =&gt; (
        // eslint-disable-next-line react/no-array-index-key
        <img style="{styles.cover}">
      ))}

export default function Chat() {
  const ref = React.useRef(null);

  useScrollToTop(ref);

  const { colors } = useTheme();

  return (

export default function Article({
  date = '1st Jan 2025',
  author = {
    name: 'Knowledge Bot',
  },
}: Props) {
  const ref = React.useRef(null);

  useScrollToTop(ref);

  const { colors } = useTheme();

  return (

export default function Contacts() {
  const ref = React.useRef>(null);

  useScrollToTop(ref);

  const renderItem = ({ item }: { item: Item }) => ;

  return (
     String(i)}
      renderItem={renderItem}
      ItemSeparatorComponent={ItemSeparator}
    />
  );
}