chakra-ui 的输入字段焦点问题

Question

我正在 chakra-ui 中构建一个带有受控字段的简单表单。每当用户在单次击键后输入内容时，焦点就会移动到下一个字段。

我认为 React 重新渲染页面存在一个错误，并且焦点“偏离一个”，但这是一种基本形式，非常令人沮丧！我看不到任何有关该主题的谷歌信息，但我之前在使用 Chakra 制作表单时注意到了这一点。

代码就这么简单，但同一页面上确实有一些其他表单元素。

文档示例

• https://chakra-ui.com/docs/components/form/input#control-input

    const [taskName, setTaskName] = useState('')
    const updateTaskName = event => setTaskName(event.target.value)

    <Input
        // autoFocus={false}  // no effect
        placeholder='short name for task'
        value={taskName}
        onChange={updateTaskName}
        // onBlur={evt => sanitizeTaskName(evt.target.value)}
    />

有没有更好的方法来做到这一点，而不需要引入巨大的 Formik 类型表单库？