add notifications for apps loading with sdk

Author: raheeliftikhar5

client/packages/lowcoder/src/appView/AppView.tsx

@@ -1,3 +1,5 @@
+import { default as App } from "antd/es/app";
+import GlobalInstances from "components/GlobalInstances";
 import { RootComp } from "comps/comps/rootComp";
 import { GetContainerParams, useCompInstance } from "comps/utils/useCompInstance";
 import { createBrowserHistory } from "history";
@@ -88,19 +90,22 @@ export function AppView(props: AppViewProps) {
   }, [moduleInputs]);
 
   return (
-    <Provider store={reduxStore}>
-      <ExternalEditorContext.Provider
-        value={{
-          applicationId: appId,
-          appType: 1,
-          readOnly: true,
-          hideHeader: true,
-        }}
-      >
-        <Router history={browserHistory}>
-          <Route path="/" render={() => comp?.getView()} />
-        </Router>
-      </ExternalEditorContext.Provider>
-    </Provider>
+    <App>
+      <GlobalInstances />
+      <Provider store={reduxStore}>
+        <ExternalEditorContext.Provider
+          value={{
+            applicationId: appId,
+            appType: 1,
+            readOnly: true,
+            hideHeader: true,
+          }}
+        >
+          <Router history={browserHistory}>
+            <Route path="/" render={() => comp?.getView()} />
+          </Router>
+        </ExternalEditorContext.Provider>
+      </Provider>
+    </App>
   );
 }

client/packages/lowcoder/src/comps/queries/queryComp/queryNotificationControl.tsx

@@ -23,7 +23,7 @@ const SuccessMessageAction = new MultiCompBuilder(
   {
     text: StringControl,
   },
-  (props) => (duration: number) => props.text && messageInstance.success(props.text, duration)
+  (props) => (duration: number) => props.text && messageInstance?.success(props.text, duration)
 )
   .setPropertyViewFn((children) => (
     <>
@@ -109,14 +109,14 @@ const QueryNotificationTmpControl = new MultiCompBuilder(
       props.fail.forEach((item) => {
         const props = (item.getView() as any)({ data: result.data });
         if (props.condition && props.text) {
-          messageInstance.error(props.text, duration);
+          messageInstance?.error(props.text, duration);
           hasNoticed = true;
         }
       });
 
       // Execute system notification if triggered manually without custom notification and query fails
       if (!result.success && !hasNoticed) {
-        hasNoticed = !!messageInstance.error(
+        hasNoticed = !!messageInstance?.error(
           trans("query.failMessageWithName", {
             name,
             result: JSON.stringify(pick(result, ["code", "message"])),