useAsyncEffect - Like useEffect but without an Async IIFE

useAsyncEffect.js

import { useEffect } from 'react';

export default function useAsyncEffect(callback, dependencies) {
    useEffect(() => {
        (async() => {
            return await callback();
        })();
    }, dependencies);
}

// How to use this.
// const App = () => {
//  const [users, setUsers] = useState([]);
//
//  useAsyncEffect(async () => {
//     const response = await fetch('/api/users');
//     const users = await response.json();
//     setUsers(users);
//     return () => {
//         console.log("This is cleanup");
//     }
//  },[]);
//
//  return (
//    <Users users={users}/>
//  );
//}