not detect the data param on <Mention>

[ksei9305]

Steps to reproduce:

1. npm i react-mentions
2. write the code

const userMentions = users ? users.map((user) => ({ id: user.id, display: user.name })) : [];
<MentionsInput value={''} onChange={() => {}}>
          <Mention trigger="@" data={userMentions} renderSuggestion={userMentions} />
        </MentionsInput>

3. error occurred like this

TS2322: Type '{ trigger: string; data: { id: string; display: string; }[]; renderSuggestion: { id: string; display: string; }[]; }' is not assignable to type 'IntrinsicAttributes & Pick<InferProps<{ onAdd: any; onRemove: any; renderSuggestion: any; trigger: any; markup: any; displayTransform: any; allowSpaceInQuery: any; isLoading: any; }>, "allowSpaceInQuery"> & InexactPartial<...> & InexactPartial<...>'.
Property 'data' does not exist on type 'IntrinsicAttributes & Pick<InferProps<{ onAdd: any; onRemove: any; renderSuggestion: any; trigger: any; markup: any; displayTransform: any; allowSpaceInQuery: any; isLoading: any; }>, "allowSpaceInQuery"> & InexactPartial<...> & InexactPartial<...>'.
139 | {//>/}
140 | <MentionsInput value={''} onChange={() => {}}>

141 |
| ^^^^
142 |
143 |
144 |

Workaround:
"react-mentions": "^4.4.10",