Multiple reusable fields in one component

import TextField from "@/components/form/fields/TextField";
import { withForm } from "@/components/form/hooks/form";
import { FC } from "react";
import { NatsSubjectInput } from "@/dtos/testingclient";
export const SubjectField = withForm({
  defaultValues: {
    subject: {
      fromString: "",
      parseAsTemplate: true,
    } as NatsSubjectInput,
  },
  render: function Render({ form }) {
    return (
      <>
        <form.AppField
          name="subject.fromString"
          children={(field) => (
            <>
              <field.TextField label="Subject" placeholder="orders" />
            </>
          )}
        />
        <form.AppField
          name="subject.parseAsTemplate"
          children={(field) => (
            <field.CheckboxField label="Parse as template" />
          )}
        />
      </>
    );
  },
});

 Type '{ subject: NatsSubjectInput; }' is missing the following properties from type 'PublishSpec': count, body