diff --git a/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx b/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx
index 5bca9439e1..69a62475a0 100644
--- a/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx
+++ b/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx
@@ -7,6 +7,7 @@ import {isNil} from 'lodash';
import {DrawerWrapper} from '../../../../components/Drawer';
import {EmptyFilter} from '../../../../components/EmptyFilter/EmptyFilter';
import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
+import {PageError} from '../../../../components/Errors/PageError/PageError';
import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
import {
DEFAULT_TABLE_ROW_HEIGHT,
@@ -293,6 +294,10 @@ export function TopicData({scrollContainerRef, path, database}: TopicDataProps)
);
}, [database, path]);
+ if (error) {
+ return ;
+ }
+
return (
!isNil(baseOffset) &&
!isNil(baseEndOffset) && (
diff --git a/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx b/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx
index 6b6903c3d3..fe94152148 100644
--- a/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx
+++ b/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx
@@ -97,7 +97,7 @@ export function TopicDataControls({
/>
- {!isNil(startOffset) && !isNil(endOffset) && (
+ {!isNil(startOffset) && !isNil(endOffset) && endOffset > startOffset && (
{formatNumber(startOffset)}—{formatNumber(endOffset - 1)}
diff --git a/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx b/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx
index 87b9b40f80..06ebd57e9e 100644
--- a/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx
+++ b/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx
@@ -41,6 +41,7 @@ export function TopicMessage({offset, size, message}: TopicMessageProps) {
preparedMessage = decodedMessage;
}
} catch (e) {
+ preparedMessage = decodedMessage;
console.warn(e);
}