Autofocus not working when state and setState is passed from the parent

[YashChauhan858]

Auto focus is not working when i passs the state and setState from the parent component but it works when it is internal to the component.

export default function OTP({ setOtp, otp }) { // const [otp, setOtp] = useState('')

return ( <OtpInput value={otp} onChange={setOtp} numInputs={4} inputStyle={'otp_input'} renderSeparator={-} renderInput={(props) => <input {...props} />} /> ) }