MOBILE-4802 my: Load myoverview block when dynamic component is ready

Author: alfonso-salces

src/core/features/courses/pages/my/my.ts

@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import { AddonBlockMyOverviewComponent } from '@addons/block/myoverview/components/myoverview/myoverview';
-import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
+import { Component, effect, OnDestroy, OnInit, viewChild, inject } from '@angular/core';
 import { AsyncDirective } from '@classes/async-directive';
 import { PageLoadsManager } from '@classes/page-loads-manager';
 import { CorePromisedValue } from '@classes/promised-value';
@@ -58,7 +58,7 @@ import { CoreCoursesMyPageName } from '@features/courses/constants';
 })
 export default class CoreCoursesMyPage implements OnInit, OnDestroy, AsyncDirective {
 
-    @ViewChild(CoreBlockComponent) block!: CoreBlockComponent;
+    block = viewChild(CoreBlockComponent);
 
     downloadCoursesEnabled = false;
     userId: number;
@@ -87,6 +87,15 @@ export default class CoreCoursesMyPage implements OnInit, OnDestroy, AsyncDirect
             this.loadContent();
         });
 
+        effect(async () => {
+            const dynamicComponent = this.block()?.dynamicComponent();
+
+            if (dynamicComponent) {
+                await dynamicComponent.ready();
+                this.myOverviewBlock = dynamicComponent.instance;
+            }
+        });
+
         this.logView = CoreTime.once(async () => {
             await CorePromiseUtils.ignoreErrors(CoreCourses.logView('my'));
 
@@ -138,8 +147,6 @@ export default class CoreCoursesMyPage implements OnInit, OnDestroy, AsyncDirect
 
                 await CoreWait.nextTicks(2);
 
-                this.myOverviewBlock = this.block?.dynamicComponent?.instance as AddonBlockMyOverviewComponent;
-
                 if (!this.loadedBlock && !supportsMyParam) {
                     // In old sites, display the block even if not found in Dashboard.
                     // This is because the "My courses" page doesn't exist in the site so it can't be configured.