Как добавить State в AsyncStorage

Пишу приложение Todo App и возникла необходимость сохранять стейты с распорядком дня. Почитал, что нужно использовать AsyncStorage, но не могу понять как мне это реализовать. Буду благодарен если кто поможет

export default function RoutineScreen() {

    const [ todos, setTodos ] = useState([])

    const [ show, setShow ] = useState(false)

    const addTodo = (id, hours, minutes) => {
        setTodos(prev => [...prev, {
            itemId: Date.now().toString(),
            id,
            time: hours + ':' + ( minutes<10 ? '0'+ minutes : minutes ),
        }])
    }

    const remove = (itemId) => {
        setTodos(prev => prev.filter(todo => todo.itemId!=itemId))
    }

    return (
        
        <View style={styles.container}>
            <View style={{
                top: '13%', 
                ... Platform.select({
                    ios: {
                        zIndex: show ? 'none' : 1,
                    }})
            }}>
                { todos.map(todo => {
                    return <Card itemId={todo.id} time={todo.time} id={todo.itemId} onRemove={remove} />
                }) }
            </View>
            <Navbar 
                onSubmit={addTodo}
                show={show}
                setShow={setShow}
            />
        </View>
    )
}