diff --git a/ui/v2.5/src/hooks/ListHook.tsx b/ui/v2.5/src/hooks/ListHook.tsx index 67c99811c..d2e1283ad 100644 --- a/ui/v2.5/src/hooks/ListHook.tsx +++ b/ui/v2.5/src/hooks/ListHook.tsx @@ -322,37 +322,42 @@ const useList = ( }) : undefined; - const template = ( -
- - {options.renderSelectedOptions && selectedIds.size > 0 - ? options.renderSelectedOptions(result, selectedIds) - : undefined} - {result.loading && } - {result.error &&

{result.error.message}

} - {options.renderContent(result, filter, selectedIds, zoomIndex)} - -
- ); + let template; + if(result.loading || !forageInitialised.current) { + template = ; + } else if(result.error) { + template =

{result.error.message}

; + } else { + template = ( +
+ + {options.renderSelectedOptions && selectedIds.size > 0 + ? options.renderSelectedOptions(result, selectedIds) + : undefined} + {options.renderContent(result, filter, selectedIds, zoomIndex)} + +
+ ); + } return { filter, template, onSelectChange }; };