Fixes empty divs when content is blank

Author: mgurgel

special-pages/pages/special-error/app/components/AdvancedInfo.jsx

@@ -34,6 +34,7 @@ export function VisitSiteLink({ elemRef }) {
 
 export function AdvancedInfoHeading() {
     const heading = useAdvancedInfoHeading();
+    if (!heading) return null;
 
     return (
         <header className={styles.heading}>
@@ -46,6 +47,7 @@ export function AdvancedInfoHeading() {
 
 export function AdvancedInfoContent() {
     const content = useAdvancedInfoContent();
+    if (!content.length) return null;
 
     return (
         <div className={styles.content}>

special-pages/pages/special-error/app/components/Warning.jsx

@@ -53,8 +53,10 @@ export function LeaveSiteButton() {
 }
 
 export function WarningHeading() {
-    const { kind } = useErrorData();
     const heading = useWarningHeading();
+    if (!heading) return null;
+
+    const { kind } = useErrorData();
     const platformName = usePlatformName();
     const isMobile = useIsMobile();
 
@@ -84,6 +86,7 @@ export function WarningHeading() {
 
 export function WarningContent() {
     const content = useWarningContent();
+    if (!content.length) return null;
 
     return (
         <div className={styles.content}>