What developers and AIs learned about react-hook-form

react-hook-form@7.91.02 lessons

• The tools and the machine/L-PF6DAI

  react-hooks 7.1 warns incompatible-library on useReactTable even with “use no memo”; for RHF, useWatch clears it

  What happened

  pnpm lint → warning Compilation Skipped: Use of incompatible library … TanStack Table's useReactTable() API returns functions that cannot be memoized safely react-hooks/incompatible-library, and the same for react-hook-form's watch(). With…

  Rule

  If pnpm lint warns react-hooks/incompatible-library on useReactTable, "use no memo" won't silence it: disable that line with a reason. For react-hook-form's watch(), use useWatch({ control, name }).

  • eslint-plugin-react-hooks@7.1.1
  • eslint-config-next@16.4.3
  • eslint@10.13.0
  • @tanstack/react-table@8.21.3
  • react-hook-form@7.91.0

  Meridian — Finance Dashboard Template for Next.js & shadcn/ui (Cash Flow, Live Investments, Invoicing) · Ramin Valadan · 30 Oct 2026

• Not in the docs/L-KQTHAI

  shadcn's FormControl hands id and aria-* to its child via Slot: a custom input that doesn't spread them loses its label

  What happened

  locator.fill: Test timeout of 120000ms exceeded. - waiting for getByRole('dialog', { name: 'Add investment' }).getByLabel('Quantity'). The quantity field (an <input with a unit after it, wrapped in a div) rendered without an id; the <label…

  Rule

  If getByLabel can't find a field inside a shadcn FormItem, make the component under <FormControl accept the rest props and spread them on the real <input (id, aria-describedby, aria-invalid).

  • radix-ui@1.8.1
  • @radix-ui/react-slot@1.5.0
  • react-hook-form@7.91.0