feat(conform-react)!: return fieldset on useForm hook

[edmundhung]

This is a change I have been considering since v0.3. What changed is just calling useFieldset() inside useForm() and return the data as a tuple:

// Before
export default function LoginForm() {
    const form = useForm({
        onValidate({ form, formData }) {
            return validate(formData, schema);
        },
    });
    const { email, password } = useFieldset(form.ref, form.config);

    return (
        <form {...form.props}>
            {/* ... */}
        </form>
    );
}

// After the changes
export default function LoginForm() {
    const [form, { email, password }] = useForm({
        onValidate({ form, formData }) {
            return validate(formData, schema);
        },
    });

    return (
        <form {...form.props}>
            {/* ... */}
        </form>
    );
}

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

[brandonpittman]

Seems like a good change. Saves a bit of boilerplate.

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	ee7525f
Status:	✅  Deploy successful!
Preview URL:	https://ab837479.conform.pages.dev
Branch Preview URL:	https://useform-enhancement.conform.pages.dev

View logs