React reusable hooks for fetching data from some API

useResources.js

import { useState, useEffect } from "react";
import axios from "axios";
const useResources = (resource) => {
  const [resources, setResources] = useState([]);
  useEffect(() => {
    (async (resource) => {
      const response = await axios.get(
        `https://jsonplaceholder.typicode.com/${resource}`
      );
      setResources(response.data);
    })(resource);
  }, [resource]);

  return resources;
};
export default useResources;