import { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { getAllDomainsRequest } from 'calypso/state/all-domains/actions';
import isRequestingAllDomains from 'calypso/state/selectors/is-requesting-all-domains';

const request = () => ( dispatch, getState ) => {
	if ( ! isRequestingAllDomains( getState() ) ) {
		dispatch( getAllDomainsRequest() );
	}
};

export default function QueryAllDomains() {
	const dispatch = useDispatch();

	useEffect( () => {
		dispatch( request() );
	}, [ dispatch ] );

	return null;
}
