What's the right way to make `textarea` elements reactive?

const store = createStore([{
  id: '1', value: 'hello'
}])

function Item(props) {
  return <>
    {props.data.value}
    <input value={props.data.value} />
    <textarea value={props.data.value} /> {/* Does not render anything, even on initial value */}
  </>
}

function List(props) {
  return <For each={props.store}>
    {item => <Item data={item} />}
  </For>
}

const store = createStore([{
  id: '1', value: 'hello'
}])

function Item(props) {
  return <>
    {props.data.value}
    <input value={props.data.value} />
    <textarea value={props.data.value} /> {/* Does not render anything, even on initial value */}
  </>
}

function List(props) {
  return <For each={props.store}>
    {item => <Item data={item} />}
  </For>
}