From daa5b504f5521e22fd7a4663f64e5af38c2c6376 Mon Sep 17 00:00:00 2001
From: Martin Rohrmeier <martin.ra.rohrmeier@bmw.de>
Date: Mon, 20 Jan 2025 07:14:48 +0100
Subject: [PATCH] fix(react): fix dom nesting (#1435)

---
 src/components/shared/basic/KeyValueView/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/basic/KeyValueView/index.tsx b/src/components/shared/basic/KeyValueView/index.tsx
index b14b29e62..c4bb670a0 100644
--- a/src/components/shared/basic/KeyValueView/index.tsx
+++ b/src/components/shared/basic/KeyValueView/index.tsx
@@ -43,7 +43,7 @@ interface KeyValueViewProps {
 
 const renderValue = (value: DataValue, masked: boolean = false) => {
   const maskedText = masked ? '*****' : value
-  return (
+  return typeof maskedText === 'string' ? (
     <Typography
       sx={{
         fontSize: '14px',
@@ -54,6 +54,8 @@ const renderValue = (value: DataValue, masked: boolean = false) => {
     >
       {maskedText}
     </Typography>
+  ) : (
+    <>{maskedText}</>
   )
 }