Merge pull request #6300 from backstage/freben/todo-err

.changeset/silent-horses-fry.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Fix error in error panel, and console warnings about DOM nesting pre inside p

packages/core-components/src/components/ResponseErrorPanel/ResponseErrorPanel.tsx

@@ -76,7 +76,7 @@ export const ResponseErrorPanel = ({
           <ListItemText
             classes={{ secondary: classes.text }}
             primary="Request"
-            secondary={request}
+            secondary={request ? `${requestString}` : undefined}
           />
           <CopyTextButton text={requestString} />
         </ListItem>
@@ -87,10 +87,9 @@ export const ResponseErrorPanel = ({
           <ListItemText
             classes={{ secondary: classes.text }}
             primary="Full Error as JSON"
-            secondary={<CodeSnippet language="json" text={jsonString} />}
           />
-          <CopyTextButton text={jsonString} />
         </ListItem>
+        <CodeSnippet language="json" text={jsonString} showCopyCodeButton />
       </>
     </ErrorPanel>
   );