gistfile1.txt

// src/whatever/my/path/is/component.ts
import { CustomComponentFormModal } from '@our-org/our-design-system-package';

export function ParentComponent() {
  const form = useForm({
    defaultValues: {
      name: 'John Connor',
      age: 99
  });

  return (
    <CustomComponentFormModal /* form={form} presumably this prop is no longer necessary with the new API? */ otherProps={...otherProps} />
  )
}

// @our-org/our-design-system-package
interface CustomComponentFormModalProps {
//  form: <some type here> Presumably not necessary anymore
  otherProps: some type here
}

export function CustomComponentFormModal {
  return <the-material-ui-powered-dialog-with-tanstack-form-component-tree /> // (it has a `<form>`, `<button type="submit"`>, and various MUI components)
}