Why I get null in the first click and in the second or any click after it i get input element correct, react js?

Question

This is the App.js which i passed input element as a props to children component to display the element when button clicked in the children component, but it log null first