Check whether the editor is ready only for the upgrade button

apps/wpcom-block-editor/src/wpcom/features/live-preview/index.tsx

@@ -5,7 +5,6 @@ import { usePreviewingThemeSlug } from './hooks/use-previewing-theme';
 import LivePreviewNoticePlugin from './live-preview-notice-plugin';
 
 const LivePreviewPlugin = () => {
-	const isReady = useSelect( ( select ) => select( 'core/editor' ).__unstableIsEditorReady() );
 	const siteEditorStore = useSelect( ( select ) => select( 'core/edit-site' ), [] );
 	const previewingThemeSlug = usePreviewingThemeSlug();
 
@@ -14,11 +13,6 @@ const LivePreviewPlugin = () => {
 		return null;
 	}
 
-	// Don't render until the editor is ready
-	if ( ! isReady ) {
-		return null;
-	}
-
 	// Don't render unless the user is previewing a theme.
 	if ( ! previewingThemeSlug ) {
 		return null;

apps/wpcom-block-editor/src/wpcom/features/live-preview/live-preview-notice-plugin.tsx

@@ -53,6 +53,7 @@ const LivePreviewNotice: FC< {
 };
 
 const LivePreviewNoticePlugin = () => {
+	const isReady = useSelect( ( select ) => select( 'core/editor' ).__unstableIsEditorReady() );
 	const siteEditorStore = useSelect( ( select ) => select( 'core/edit-site' ), [] );
 	const previewingTheme = usePreviewingTheme();
 	const { canPreviewButNeedUpgrade, upgradePlan } = useCanPreviewButNeedUpgrade( previewingTheme );
@@ -72,7 +73,7 @@ const LivePreviewNoticePlugin = () => {
 	if ( canPreviewButNeedUpgrade ) {
 		return (
 			<>
-				<LivePreviewUpgradeButton { ...{ previewingTheme, upgradePlan } } />
+				{ isReady && <LivePreviewUpgradeButton { ...{ previewingTheme, upgradePlan } } /> }
 				<LivePreviewUpgradeNotice { ...{ previewingTheme, dashboardLink } } />
 			</>
 		);