twelvth.jsx

import React from 'react';
import { useHistory } from 'react-router-dom';

const useQuery = ({ url }) => {
  const history = useHistory();
  const [apiData, setApiData] = React.useState();
  
  React.useEffect(() => {
    fetch(url)
      .then(data => data.json())
      .then(({ code, status, ...apiData }) => {
        if (code > 400) {
          history.replace(history.location.pathname, { 
            errorStatusCode: code 
          });
        } else {
          setApiData(apiData);
        }
      });
  }, [url]);
  
  return { data: apiData }
}