Unable to set focus programmatically

I use a controlled approach, so I store code in state and reset it in case of a verification error.

  const [code, setCode] = useState('') 
  const codeInputRef = useRef(null)

const onFulfill = (code) => {
  setCode('')
  codeInputRef.current.focusField(0)
}

render () {
  return (
      <OTPInputView
        ref={innerRef}
        autoFocusOnLoad
        onCodeFilled={onFulfill}
            onCodeChanged={setCode}
            code={code}
            innerRef={codeInputRef}
      />
  )
}

This seems to be working in the simulator, unfortunately it doesn’t work on a real device. Tested on iPhone 11 Pro

[IPbianco]

The following seems to work:

resendCode() {
  this.setState({ code: '' });
  this._otpInput.focusField(0);
}

updateRef = (ref) => {
  this._otpInput = ref;
};

<OTPInputView
  ref={this.updateRef}
  ...
  ...
/>

[Dartangel]

It's working for me. I used libraries @react-native-community/hooks for focus effect when we go to backgond and return to the app

const currentAppState = useAppState();

useFocusEffect(useCallback(() => {
    setTimeout(() => {
        otpRef?.focusField(0);
    }, 500);
}, [currentAppState]));