Fix variations initial load (#43583)

* Retrieve new variations if not already generating

* Add changelog

* Fix lint error

packages/js/product-editor/changelog/fix-variations_initial_load

@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix issue when generating variations for the first time in the new editor.

packages/js/product-editor/src/blocks/generic/section/edit.tsx

@@ -21,7 +21,6 @@ import { ProductEditorBlockEditProps } from '../../../types';
 
 export function SectionBlockEdit( {
 	attributes,
-	clientId,
 }: ProductEditorBlockEditProps< SectionBlockAttributes > ) {
 	const { description, title, blockGap } = attributes;
 

packages/js/product-editor/src/components/variations-table/use-variations/use-variations.ts

@@ -70,10 +70,6 @@ export function useVariations( { productId }: UseVariationsProps ) {
 		}
 	}
 
-	useEffect( () => {
-		getCurrentVariationsPage( { product_id: productId } );
-	}, [ productId ] );
-
 	function onPageChange( page: number ) {
 		getCurrentVariationsPage( {
 			product_id: productId,
@@ -458,6 +454,12 @@ export function useVariations( { productId }: UseVariationsProps ) {
 
 	const wasGenerating = useRef( false );
 
+	useEffect( () => {
+		if ( ! isGenerating ) {
+			getCurrentVariationsPage( { product_id: productId } );
+		}
+	}, [ productId, isGenerating ] );
+
 	useEffect( () => {
 		if ( isGenerating ) {
 			clearFilters();