Why jest and enzyme don't see ref in component?

Question

React

this is how i add the ref

setinputTaskItemName = (ref) => {
        this.inputTaskItemName = ref;
    };
   <input type="text" className="task-item-name" name="title" placeholder="Enter task item name" required="" ref={this.setinputTaskItemName} />

this is how I test

it('should render Input', () => {
        expect(component.find(".task-item-name").at(0)).toHaveLength(1);
        expect(component.instance().inputTaskItemName).toBeTruthy();
    })

here is the error
● FormTaskItem New › should render Input

TypeError: component.ref is not a function

● FormTaskItem New › should render Input

expect(received).toBeTruthy()

Received: undefined

49 | it('should render Input', () => {
50 | expect(component.find(".task-item-name").at(0)).toHaveLength(1);
> 51 | expect(component.instance ().inputTaskItemName).toBeTruthy();
| ^
52 | })
53 |

Answer 1

changed ref like this

constructor(props) {
        super(props);
        this.inputTaskItemName = React.createRef();
        this.inputTaskItemText = React.createRef();

    }