在 fresh 中输入输入时无法更新状态

问：

我是 Deno 的 Fresh 新手，我正在尝试在输入中键入文本时更新 Preact 组件的状态。

export default function Calculous(props: CalculousProps) {
  const [input, setInput] = useState<string>('');

  const onSubmit = (event: h.JSX.TargetedEvent<HTMLFormElement>) => {
    event.preventDefault();
    console.log(input);
  }

  useEffect(() => {
    console.log(input);
  }, [input])

  return (
      <form onSubmit={onSubmit}>
        <input type="text" value={input} onChange={(e) => setInput(e.target.value)} />
        <button disabled={isNaN(Number(input))} type="submit">Next</button>
      </form>
  );
}

但是，当我在组件上键入文本时，它不会重新渲染，直到我取消对输入的焦点。你知道如何触发重新渲染来更新我的状态吗？

感谢您的帮助