A common way for Fetching data with hooks

CommonFetchingData2.js

function App() {
  const [data, setData] = useState([]);
  const [isLoading, setLoading] = useState(false);
  const [error, setError] = useState('');
  const [query, setQuery] = useState('a query for search');
 
  useEffect(() => {
    const fetchData = async () => {
      setLoading(true)
      try {
        const result = await axios(
          `http://hn.algolia.com/api/v1/search?query=${query}`,
        );

        setData(result.data);
      } catch (err) {
        setError(err.message)
      }
      setLoading(false)
    };
 
    fetchData();
  }, [query]);
 
  return (
    ...
  );
}
 
export default App;