Version:

• @inertiajs/react version: latest

Describe the problem:

When using submit, put, get, post, update or delete from the useForm hook, the options parameter is typed as VisitOptions. This is because under the hood, it uses router.visit.

VisitOptions allows passing data as a parameter like this:

router.post(`/endpoint`, { data });

I think there is either a bug with the type or with the code, as it's not possible to pass data when we are using the useForm hook.

const {put} = useForm({
   foo: "bar",
});

// Below code is not working, even though the type allows it
// The data that is sent is always the one from the form, not the overwritten one
const onClick  = async () => {
   await put('/endpoint', {
      data: {
         abc: "def"
      }
   });
};

I would be in favor of fixing the code to allow passing additional data through this pattern, by merging anything that is passed in-here with the form data. This would allow injecting data at the exact moment the request is prepared to be sent, for cases where we need user confirmation (such as click) to set the data prior to sending.

I'll happily open a PR if you think it can be merged.

Steps to reproduce:

• Install inertia in one of your project
• Instanciate a new React component and use the useForm hook with some data
• Try to pass additional data at the call moment, the hook always use data from the internal state/form