diff --git a/src/features/marketplace/components/MarketplaceAppIframe.tsx b/src/features/marketplace/components/MarketplaceAppIframe.tsx index ebbc7349df6..6a3b156312c 100644 --- a/src/features/marketplace/components/MarketplaceAppIframe.tsx +++ b/src/features/marketplace/components/MarketplaceAppIframe.tsx @@ -80,11 +80,11 @@ const Content = chakra(({ appUrl, address, message, isEssentialDapp, className } minW="100%" className={ className } > - { (isFrameLoading) && ( + { (isFrameLoading || !appUrl) && ( ) } - { isReady && ( + { isReady && appUrl && ( getAppUrl(data?.url, router), [ data?.url, router ]); + const appUrl = useMemo( + () => getAppUrl(isPlaceholderData ? undefined : data?.url, router), + [ data?.url, isPlaceholderData, router ], + ); const message = useMemo(() => ({ blockscoutColorMode: colorMode,