useFieldArray（React-hook-form）を使ったときのisInvalid（react-bootstrap）への記述

前提・実現したいこと

React-hook-formとreact-bootstarpを使ってフロントエンドのプログラムを書いています。

同じ項目を増やしたり削除したりするためにuseFieldArrayを使っています。

useFieldArrayを使わない場合のisInvalidの指定は問題なく動きました。(氏名の項目)
ですが、useFieldArrayを使った場合への指定がうまく行かずメッセージが表示できません。（特技の項目）

発生している問題・エラーメッセージ

errors.users.0.tokugi.message
と表示されメッセージが表示されません。

該当のソースコード

React
1import React from 'react';
2import { useForm, useFieldArray, Controller } from 'react-hook-form';
3import { Form, InputGroup, Row, Button, Col } from 'react-bootstrap';
4
5import 'bootstrap/dist/css/bootstrap.min.css';
6
7 const App = ({onSubmit}) => {
8  const { register, handleSubmit, formState: { errors },control,reset, trigger, setError } = useForm({
9    mode: 'onSubmit',
10    defaultValue: {}
11  });
12  const { fields, append, remove } = useFieldArray({
13    control,
14    name: "users"
15  });
16
17  return (
18    <Form onSubmit={handleSubmit(onSubmit)}>
19      <Row className="mb-3">
20        <Form.Group as={Col}>
21
22          <Form.Label>氏名</Form.Label>
23          <Form.Control isInvalid={errors.fullName} id="fullName" type="text" 
24              {...register("fullName", {required: "必須項目", maxLength:{value: 20,message:"オーバー"}})} />
25          {errors.fullName && <Form.Control.Feedback type="invalid"> { errors.fullName.message} </Form.Control.Feedback>}
26
27        </Form.Group>
28      </Row>
29      <Row className="mb-3">
30        {fields.map((item, index) => (
31          <Form.Group key={item.id}>
32
33            <Form.Label>特技</Form.Label>
34            <Form.Control isInvalid={`errors.users.${index}.tokugi`}  control={control} type="text" 
35                {...register(`users.${index}.tokugi`, {required: "必須項目", maxLength:{value: 20,message:"オーバー"}})} />
36            {`errors.users.${index}.tokugi` && <Form.Control.Feedback type="invalid"> { `errors.users.${index}.tokugi.message`} </Form.Control.Feedback>}
37
38            <button type="button" onClick={() => remove(index)}>Delete</button>
39          </Form.Group>
40        ))}
41      <button
42        type="button"
43        onClick={() => append({  })}>
44        append
45      </button>
46
47      </Row>
48      <Form.Group>
49        <Button type="submit">送信</Button>
50      </Form.Group>
51    </Form>
52  );
53}
54
55export default App;

補足情報（FW/ツールのバージョンなど）

"@hookform/error-message": "^2.0.0",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"bootstrap": "5.1.1",
"react": "^17.0.2",
"react-bootstrap": "^2.0.0-rc.0",
"react-dom": "^17.0.2",
"react-hook-form": "^7.17.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"