Best way to subscribe/react to field value change after form.update?

[vsnig]

I want to react to field value change after I do

form.update({
  name: fields.something.name,
  value: '....',
})

fields.something.value is not reactive so can't use it as state
<input onChange.. doesn't fire in this case.

What's the proper way?

[edmundhung]

Hmmm, I am not sure what you are running into, but fields.something.value is reactive and should reflect with the latest value.

But we do plan to remove it in v2, so a future proof solution would be using the new useFormData hook:

import { useFormData } from '@conform-to/react/future';

const value = useFormData(formRef, formData => formData?.get(fields.something.name));

The form ref could be the form id or a react ref of any form related elements. See the docs for more details.

[vsnig]

fields.something.value is reactive and should reflect with the latest value

Don't know what confused me. Just tested and it indeed behaves like state, so you can pass it around and everything will be updated. Thanks.