issue: Accessing form state disables default values about react-ts-form HOT 6 CLOSED

fixed in v1.4.3, thanks for the repro

from react-ts-form.

going to revert for now then, will look into this some more

from react-ts-form.

Before the fix my hacky work around was skipping the default values prop altogether and using the reset function inside a useEffect to set the form defaults on mount. Didn't get any infinite loops so ¯_(ツ)_/¯

  const form = useForm<z.infer<typeof FormSchema>>();
  const { reset } = form;

  useEffect(() => reset({ text: "hello" }), [reset]);

  return (
    <div className="App">
      <Form
        form={form}
        schema={FormSchema}
        onSubmit={(data) => {
          console.log("Got the data");
          console.log(data);
        }}
        renderAfter={() => <button>Submit</button>}
        // defaultValues={{
        //   text: "hello"
        // }}
      />
    </div>
  );

from react-ts-form.

That's what I should've done first =D.

Just released v1.4.5 with this included

from react-ts-form.

Just upgraded, works great but now getting the warning below... 'Cannot update a component (...) while rendering a different component (...)

from react-ts-form.

you can use this for now:

useForm({
  defaultValues: {}
})

I'm not sure there's a way to make it work with the prop if that didn't work, but I'll try.

If not, I'll update the documentation in "Accessing Form State" to mention this, maybe add a warning if defaultValues and prop are both passed

from react-ts-form.