const useFetchData $=($urlOne$)=>\{$

const $[$userData$,$ setuserData$]=$ useState$($null$)$:

useEffect $(0)=7$

axios.get$($urlOne$)$

then$(($response$)=>$ setUserData$($response$.$data$))$;

$($urlOne$))$:

return $[$data$]$;

$\}$

export default useFetchData;

What is the use of above custom Hook in the above code?

Assume: All imports are done.

It can fetch data from an API and store it in state.

it can be used across multiple Component at the same time.

It abstracts the data fetch logic.

All of the above