Converting class component to functional component

functional-components.js

import { useEffect } from 'react';

function MyComponent({ fetchDrafts, fetchHistory }) {
	useEffect(() => {
		if (!fetchDrafts || !fetchHistory) {
		  return null
                }
		
		fetchDrafts();
		fetchHistory();
		const fetchDraftsTimer = setInterval(() => {
			fetchDrafts();
		}, 120000);

		return () => {
			clearInterval(fetchDraftsTimer);
		};
	}, []);

	return null;
}

That makes sense now. I thought removing the dependency array entirely would force it to run only once, this is my first time learning about this difference. Thanks will keep this in mind going forward.