woocommerce/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx

/**
 * External dependencies
 */
import { useSelect, select as wpDataSelect } from '@wordpress/data';
import { useUser, OPTIONS_STORE_NAME } from '@woocommerce/data';

const SHOW_MARKETPLACE_SUGGESTION_OPTION =
	'woocommerce_show_marketplace_suggestions';

const RecommendationsEligibilityWrapper: React.FC = ( { children } ) => {
	const { currentUserCan } = useUser();

	const isMarketplaceSuggestionsEnabled = useSelect(
		( select: typeof wpDataSelect ) => {
			const { getOption, hasFinishedResolution } = select(
				OPTIONS_STORE_NAME
			);

			const hasFinishedResolving = hasFinishedResolution( 'getOption', [
				SHOW_MARKETPLACE_SUGGESTION_OPTION,
			] );
			const canShowMarketplaceSuggestions =
				getOption( SHOW_MARKETPLACE_SUGGESTION_OPTION ) !== 'no';

			return hasFinishedResolving && canShowMarketplaceSuggestions;
		}
	);

	if ( ! currentUserCan( 'install_plugins' ) ) {
		return null;
	}

	if ( ! isMarketplaceSuggestionsEnabled ) {
		return null;
	}

	return <>{ children }</>;
};

export default RecommendationsEligibilityWrapper;