react-hook-formでネストしたオブジェクトごとのエラー件数を取得する

// schemaイメージ
const schema = z.object({
  fromA: z.object({
    text: z.string().max(10),
  }),
  formB: z.object({
    text: z.string().max(10),
  }),
});

/**
 * JSON.stringifyでwalkする
 */
const getFormErrorCount = (errors: FieldErrors<typeof schema>) => {
  // グループごとのエラーをmessageでカウントする
  let messageCount = 0;
  JSON.stringify(errors, (key: string, value: object) => {
    if (key === 'message') {
      messageCount++;
    }
    if (key === 'ref') {
      return undefined;
    }
    return value;
  });
}

// フォームAの文字数が溢れていたら 1が返る
getFormErrorCount(errors.fromA); // => 1
getFormErrorCount(errors.fromB); // => 0