CommonFetchingData.js

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