Reload custom domain list when add site modal opens

src/components/add-site.tsx

@@ -57,6 +57,7 @@ export default function AddSite( { className }: AddSiteProps ) {
 		setCustomDomainError,
 		enableHttps,
 		setEnableHttps,
+		loadAllCustomDomains,
 	} = useAddSite();
 	const { importState } = useImportExport();
 
@@ -86,6 +87,7 @@ export default function AddSite( { className }: AddSiteProps ) {
 		setSitePath( '' );
 		setError( '' );
 		setDoesPathContainWordPress( isWordPress );
+		loadAllCustomDomains();
 	}, [
 		sites,
 		setSiteName,
@@ -95,6 +97,7 @@ export default function AddSite( { className }: AddSiteProps ) {
 		setDoesPathContainWordPress,
 		setWpVersion,
 		latestStableVersion,
+		loadAllCustomDomains,
 	] );
 
 	useEffect( () => {

src/components/onboarding.tsx

@@ -64,6 +64,7 @@ export default function Onboarding() {
 		setCustomDomainError,
 		enableHttps,
 		setEnableHttps,
+		loadAllCustomDomains,
 	} = useAddSite();
 	const [ fileError, setFileError ] = useState( '' );
 
@@ -112,6 +113,7 @@ export default function Onboarding() {
 			setCustomDomain( null );
 			setCustomDomainError( '' );
 			setEnableHttps( false );
+			loadAllCustomDomains();
 		};
 		run();
 		// eslint-disable-next-line react-hooks/exhaustive-deps

src/hooks/use-add-site.ts

@@ -31,7 +31,7 @@ export function useAddSite() {
 	const [ existingDomainNames, setExistingDomainNames ] = useState< string[] >( [] );
 	const [ enableHttps, setEnableHttps ] = useState( false );
 
-	useEffect( () => {
+	const loadAllCustomDomains = useCallback( () => {
 		getIpcApi()
 			.getAllCustomDomains()
 			.then( ( domains ) => {
@@ -236,6 +236,7 @@ export function useAddSite() {
 			setCustomDomainError,
 			enableHttps,
 			setEnableHttps,
+			loadAllCustomDomains,
 		};
 	}, [
 		__,
@@ -261,5 +262,6 @@ export function useAddSite() {
 		setCustomDomainError,
 		enableHttps,
 		setEnableHttps,
+		loadAllCustomDomains,
 	] );
 }