Как перейти к компоненту onPress с помощью useRef

это простой вопрос, я просто не нахожу метод, который может справиться с этим.

1. я объявляю использовать переменную ref так:

    const massageTypeRef = useRef();
   

2. Теперь у меня есть текстовый компонент вверху страницы:

                <Text ref={massageTypeRef} style={styles.massagetitle}>
                Choose type:
            </Text>
   

3. и у меня есть еще одна кнопка внизу, я хочу, чтобы при нажатии кнопки пользователь полностью переходил к текстовому компоненту. в моей нижней кнопке у меня есть:

<AnimatedButton
                onPress={() => console.log(massageTypeRef.current}/// here i dont know what i need to 
                 pass
                icon="arrow-up"
                buttonStyle={styles.problembutton}
                textStyle={styles.problembuttontext}
            />

Я старался:

onPress={() =>
                    massageTypeRef.current.scrollIntoView({
                        behavior: "smooth",
                    })

а также:

onPress={() =>
                    massageTypeRef.current.scrollTo()
                    })

но я всегда получаю: TypeError: massageTypeRef.current.scrollIntoView не является функцией. (В 'massageTypeRef.current.scrollIntoView()' 'massageTypeRef.current.scrollIntoView' не определено)