React Native: Focus next element on complete

react-native-next-input-focus.jsx

import React, { useCallback, useRef, useState } from 'react';
import { TextInput } from 'react-native';

export const useInputFocus = () => {
  const refs = useRef({});
  const [currentFocus, setCurrentFocus] = useState('');
  const focus = useCallback(
    key => {
      if (refs.current[currentFocus]) {
        refs.current[currentFocus].blur();
      }
      if (refs.current[key]) {
        refs.current[key].focus();
      }
    },
    [currentFocus],
  );
  const setRef = name => input => {
    refs.current[name] = input;
  };

  return { focus, setRef };
};

const Component = () => {
  const { focus, setRef } = useInputFocus();
  return (
    <>
      <TextInput
        ref={setRef('name')}
        onSubmitEditing={() => focus('address')}
      />
      <TextInput
        ref={setRef('address')}
        onSubmitEditing={() => focus('phonenumber')}
      />
      <TextInput
        ref={setRef('phonenumber')}
      />
    </>
  );
};