fix(BrickAsComponent): dispatch mount event after element of template brick is assigned

Refs DBMAINTAIN-1384

Author: willc001

packages/brick-kit/src/BrickAsComponent.tsx

@@ -405,11 +405,14 @@ export function SingleBrickAsComponentFactory(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;