@preact/signals-react not working in Vite application

Question

I have a basic application in Vite.
Why can't I type in the input field?

import React from "react";
import { signal, computed } from "@preact/signals-react";

const name = signal<string>("");
const disabled = computed<boolean>(() => name.value.trim() === "");

const Welcome = () => {
  return (
    <div>
      <input value={name.value} onInput={e => (name.value = e.currentTarget.value)} />
      <p>Name: {name.value}</p>
      <p>Disabled: {disabled.value ? "true" : "false"}</p>
    </div>
  );
};

export default Welcome;