Merge pull request #4806 from easyops-cn/williamcai/brick-kit/BrickAsComponent/dispatch_mount_event_after_element_of_template_brick_is_assigned

fix(BrickAsComponent): dispatch mount event after element of template…

Author: weareoutman

packages/brick-kit/src/BrickAsComponent.tsx

@@ -826,11 +826,14 @@ export function ForwardRefSingleBrickAsComponentFactory(React: typeof _React) {
 
             const onMount = useBrick.lifeCycle?.onMount;
             if (onMount) {
-              dispatchLifeCycleEvent(
-                new CustomEvent("mount"),
-                transformEvents(data, { onMount }).onMount,
-                brick
-              );
+              // wait for element of template brick to be assigned
+              queueMicrotask(() => {
+                dispatchLifeCycleEvent(
+                  new CustomEvent("mount"),
+                  transformEvents(data, { onMount }).onMount,
+                  brick
+                );
+              });
             }
             const onScrollIntoView = useBrick.lifeCycle?.onScrollIntoView;
             if (onScrollIntoView) {