My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

My fetched data return as undefined, how do I fix this?

I have this markup and code on my page:

Check if anything has been entered into the input React element

I have the following Input component:

Check if anything has been entered into the input React element

I have the following Input component: