📝

Warning: Cannot update a component X while rendering a different compo

2024/06/12に公開
  • react-hook-form ≥ 7.46.0

useFieldArray.appendを使って空の配列に新しくフォーム要素を追加しようとした時に発生

原因

どうやらバグのようだ

https://github.com/orgs/react-hook-form/discussions/10964

https://github.com/react-hook-form/react-hook-form/issues/10907

複数のIssueで取り上げられており、v7.46以後で発生している。v7.45までは発生しない

useFormStateの実装が良くないようだ。

解決策

v7.45までダウングレードするしかない

コミュニティはテスト用のコードや修正箇所の指摘をしているが、特に動きはないようだ。

v7.51でも解消していない。

Discussion