feat: export ReactFormApi for better typescript package support

[Makisuo]

This solves the following Typescript error when building a react typescript package exporting useForm.

has or is using name 'ReactFormApi' from external module @tanstack/react-form" but cannot be named.

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 497fdac. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

• nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build --parallel=3
• nx run-many --target=build --exclude=examples/**

---

Sent with 💌 from NxCloud.

[pkg-pr-new]

commit: 497fdac

pnpm add https://pkg.pr.new/@tanstack/angular-form@868

pnpm add https://pkg.pr.new/@tanstack/form-core@868

pnpm add https://pkg.pr.new/@tanstack/lit-form@868

pnpm add https://pkg.pr.new/@tanstack/react-form@868

pnpm add https://pkg.pr.new/@tanstack/solid-form@868

pnpm add https://pkg.pr.new/@tanstack/valibot-form-adapter@868

pnpm add https://pkg.pr.new/@tanstack/vue-form@868

pnpm add https://pkg.pr.new/@tanstack/yup-form-adapter@868

pnpm add https://pkg.pr.new/@tanstack/zod-form-adapter@868

Open in Stackblitz

More templates

• @tanstack/form-example-angular-array
• @tanstack/form-example-angular-simple
• @tanstack/form-example-angular-valibot
• @tanstack/form-example-angular-yup
• @tanstack/form-example-angular-zod
• @tanstack/form-example-lit-simple
• @tanstack/form-example-lit-ui-libraries
• @tanstack/form-example-react-array
• @tanstack/form-example-react-next-server-actions
• @tanstack/form-example-react-query-integration
• @tanstack/form-example-react-simple
• @tanstack/form-example-react-tanstack-start
• @tanstack/form-example-react-ui-libraries
• @tanstack/form-example-react-valibot
• @tanstack/form-example-react-yup
• @tanstack/form-example-react-zod
• @tanstack/form-example-solid-array
• @tanstack/form-example-solid-simple
• @tanstack/form-example-solid-valibot
• @tanstack/form-example-solid-yup
• @tanstack/form-example-solid-zod
• @tanstack/form-example-vue-array
• @tanstack/form-example-vue-simple
• @tanstack/form-example-vue-valibot
• @tanstack/form-example-vue-yup
• @tanstack/form-example-vue-zod

[timon-kosmoy]

Please also export the ReactFieldApi and export them both also from the index.ts main module so that they can be consumed by users of the library.

EDIT: this issue is now breaking our builds

[mistyharsh]

@timon-kosmoy If you need a temporary workaround and do not wish to change the code, you can do the module augmentation as follows:

// <REPO>/src/augment.d.ts

// Important for module augmentation
import * as form from '@tanstack/react-form';

declare module '@tanstack/react-form' {
  import { FormApi, FieldComponent } from '@tanstack/react-form';

  export interface FormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
    Field: FieldComponent<TFormData, TFormValidator>;
  };
}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 43.37%. Comparing base (5473bb8) to head (497fdac).
Report is 77 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff             @@
##             main     #868       +/-   ##
===========================================
- Coverage   91.55%   43.37%   -48.19%     
===========================================
  Files          21       10       -11     
  Lines         900       83      -817     
  Branches      206       11      -195     
===========================================
- Hits          824       36      -788     
+ Misses         71       42       -29     
  Partials        5        5               

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[Balastrong]

We're probably going to export this anyway in #825 without breaking changes so let's get this merged :)