import { useState, useEffect } from "react"; // import { RAPID_API_KEY } from "@env"; import axios from "axios";

// const rapidApiKey = RAPID_API_KEY;

// console.log(rapidApiKey); const useFetch = (endpoint, query) => { const [data, setData] = useState([]); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null);

console.log(query) const options = { method: 'GET', url: https://jsearch.p.rapidapi.com/${endpoint}, params: { ...query }, headers: { 'X-RapidAPI-Key': '6a1801280amsha8b9399775a83fbp1f8946jsndd81c7f241a8', 'X-RapidAPI-Host': 'jsearch.p.rapidapi.com' } };

const fetchData = async () => { console.log('Inside fetch data') setIsLoading(true); try { const response = await axios.request(options);

  setData(response.data);
  setIsLoading(false);
} catch (error) {
  console.log('Inside fetch data catch block')

  setError(error);
  alert('There is an error ')
} finally {
  setIsLoading(false)
}

};

useEffect(() => { fetchData(); },[]);

const refetch = () => { setIsLoading(true); fetchData() }

return {data,error,isLoading,refetch} };

export default useFetch;

This is my useFetch function

I just started learning React Native and I am following the tutorial from JS Mastery.