Ref of element is undefined when using nested object

[16TheHung10]

This is my Component with name "sourceItem[1].itemCode": and element Input is imported from antd;
<Controller
control={control}
name={name}
render={({ field }) => {
return (
<Input
className={${get(formState.errors, name) ? 'field-error' : ''}}
{...field}
{...props}
type={type}
onBlur={(e) => {
props.onBlur && props.onBlur(e);
field.onBlur(e);
}}
/>
);
}}
/>
When I console.log errors from formState, the ref to element is undefined , but when Im using normal name like "itemCode" everything is ok.

[leapful]

@16TheHung10

Please provide a codesandbox url to reproduce the issue.