fixed embedded apps with custom comps not working

Author: raheeliftikhar5

Diff for: client/packages/lowcoder/src/appView/bootstrapAt.tsx

@@ -2,8 +2,6 @@ import { loadComps } from "comps";
 import type { AppViewInstanceOptions } from "./AppViewInstance";
 import { createRoot } from "react-dom/client";
 
-loadComps();
-
 export async function bootstrapAppAt<I>(
   appId: string,
   node: Element | null,
@@ -14,6 +12,8 @@ export async function bootstrapAppAt<I>(
     return;
   }
 
+  loadComps();
+
   const { AppViewInstance } = await import("./AppViewInstance");
   return new AppViewInstance(appId, node, createRoot(node), options);
 }

Diff for: client/packages/lowcoder/src/comps/comps/customComp/customComp.tsx

@@ -191,7 +191,8 @@ function InnerCustomComponent(props: IProps) {
     iframe.addEventListener("load", handleIFrameLoad);
 
     // in dev, load from sdk bundle and on prod load from build package
-    const src = import.meta.env.DEV
+    const src = (REACT_APP_BUNDLE_TYPE && REACT_APP_BUNDLE_TYPE === 'sdk')
+      || (import.meta.env && import.meta.env.DEV)
       ? trans('customComponent.entryUrl')
       : `${window.location.origin}/custom_component/custom_component.html`;