animateNextTransition () не работает в методе жизненного цикла componentDidMount

Question

Я использую response-native-reanimated, чтобы сделать слайд вида справа с эффектом затухания, но animateNextTransition () не работает в методе жизненного цикла componentDidMount.

Мой код указан ниже: -

import React, { Component } from "react";
import { View, StyleSheet, } from "react-native";
import { Transition, Transitioning } from 'react-native-reanimated'


export default class GridView extends Component {

    constructor(props) {
        super(props)
        this.ref = React.createRef();
    }

    transition = (
        <Transition.Together>
            <Transition.In
                type="slide-right"
                durationMs={2000}
                interpolation="easeInOut"
            />
            <Transition.In type="fade" durationMs={2000} />
            <Transition.Change />
        </Transition.Together>
    )

    componentDidMount = () => {
        this.ref.current.animateNextTransition();
    }

    render() {
        return (
            <Transitioning.View
                ref={this.ref}
                transition={this.transition}
                style={{ flex: 1 }}>
                <View style={styles.tabContainer}></View>
            </Transitioning.View>
        );
    }
}

const styles = StyleSheet.create({
    tabContainer: {
        height: 70,
        flexDirection: 'row',
        marginTop: 50,
        borderRadius: 70,
        width: 200,
        marginHorizontal: 15,
        backgroundColor: 'lightgrey',
        overflow: 'hidden'
    }
})

Что-то не так? Я очень новичок в React Native. Пожалуйста, помогите.