Added null check for aria labels

Author: csrs

Diff for: src/components/components/club-teaser-list/club-teaser-list.js

@@ -34,7 +34,10 @@ export const ClubTeaser = props => {
           />
         </div>
         <div className="club-teaser__text">
-          <h2 className="club-teaser__title" id={title.replace(/\s/g, "")}>
+          <h2
+            className="club-teaser__title"
+            id={(title || "").replace(/\s/g, "")}
+          >
             {title}
           </h2>
           <span className="club-teaser__description"> {subtitle} </span>

Diff for: src/components/components/faq-group/faq-group.js

@@ -13,13 +13,16 @@ export default props => {
     <div className={classes}>
       <ShadowBox>
         <div className="faq__group-header">
-          <h2 title="title title--x-small" id={props.header.replace(/\s/g, "")}>
+          <h2
+            title="title title--x-small"
+            id={(props.header || "").replace(/\s/g, "")}
+          >
             {props.header}
           </h2>
         </div>
         <ul
           className="faq__group-content"
-          aria-labelledby={props.header.replace(/\s/g, "")}
+          aria-labelledby={(props.header || "").replace(/\s/g, "")}
         >
           {props.children}
         </ul>