how to get value from useForm on change input ?

[ahmerarain]

when value changes in input i want to get here instantly

const form = useForm({
defaultValues: {
name: user?.firstName + " " + user?.lastName || "",
},
onSubmit: async ({ value }) => {
console.log(value);
},
});

[heecheon92]

const form = useForm({
    defaultValues: {
        name: user?.firstName + " " + user?.lastName || "",
    },
    onSubmit: async ({ value }) => {
        console.log(value);
    },
     validators: {
        onChange: (form) => {
          console.log("test", form);
        },
    },
});

this might get you where you want but I think "onChange" is not meant to be used this way.

Your linter would cry.

[crutchcorn]

We also have listeners that can be attached on a form-level as well:

https://tanstack.com/form/latest/docs/framework/react/guides/listeners

[heecheon92]

interesting... but did you mean to say "field-level"?

[crutchcorn]

I didn't :) AFAIK we should have a listeners property on useForm. If not, let's mark this as a feature request under a real GH issue, not discussion