diff --git a/webapp/packages/core-blocks/src/Loader/Loader.tsx b/webapp/packages/core-blocks/src/Loader/Loader.tsx index c103dd94b0..93556a137c 100644 --- a/webapp/packages/core-blocks/src/Loader/Loader.tsx +++ b/webapp/packages/core-blocks/src/Loader/Loader.tsx @@ -96,7 +96,7 @@ export const Loader: React.FC = observer(function Loader({ return () => clearTimeout(id); }, [loading]); - if (!isVisible) { + if (!isVisible && !loading) { return children?.() || null; } diff --git a/webapp/packages/core-blocks/src/useObjectRef.ts b/webapp/packages/core-blocks/src/useObjectRef.ts index 6badadddf6..6bdf32a23a 100644 --- a/webapp/packages/core-blocks/src/useObjectRef.ts +++ b/webapp/packages/core-blocks/src/useObjectRef.ts @@ -6,13 +6,13 @@ * you may not use this file except in compliance with the License. */ -import { observable } from 'mobx'; +import { AnnotationsMap, observable } from 'mobx'; import { useState } from 'react'; -export function useObjectRef(init: T, update?: Partial, observed?: boolean): T { +export function useObjectRef(init: T, update?: Partial, observed?: boolean | AnnotationsMap): T { const [ref] = useState(() => { if (observed) { - return observable.object(init, undefined, { deep: false }); + return observable.object(init, typeof observed === 'object' ? observed : undefined, { deep: false }); } return init; }); diff --git a/webapp/packages/core-connections/src/ConnectionForm/ConnectionForm.tsx b/webapp/packages/core-connections/src/ConnectionForm/ConnectionForm.tsx index 2534da0540..598939aa15 100644 --- a/webapp/packages/core-connections/src/ConnectionForm/ConnectionForm.tsx +++ b/webapp/packages/core-connections/src/ConnectionForm/ConnectionForm.tsx @@ -128,7 +128,7 @@ export const ConnectionForm = observer(function ConnectionForm({