What is the correct way to use `withForm` with additional props?

export const Form = withForm({
  ...formOptions,
  props: {} as {
    tab: TabType;
    onTabChange: (tab: TabType) => void;
    onSubmit: (e: React.FormEvent) => void;
  },
  render: (props) => {
    const { form, tab, onTabChange, onSubmit } = props;
    return (
        <form onSubmit={onSubmit} className="space-y-4">
{/* ... */}
        </form>
    );
  },
});

export const Form = withForm({
  ...formOptions,
  props: {} as {
    tab: TabType;
    onTabChange: (tab: TabType) => void;
    onSubmit: (e: React.FormEvent) => void;
  },
  render: (props) => {
    const { form, tab, onTabChange, onSubmit } = props;
    return (
        <form onSubmit={onSubmit} className="space-y-4">
{/* ... */}
        </form>
    );
  },
});