diff --git a/web/modals/threads/notifications/enum-settings-option-info.react.js b/web/modals/threads/notifications/enum-settings-option-info.react.js
--- a/web/modals/threads/notifications/enum-settings-option-info.react.js
+++ b/web/modals/threads/notifications/enum-settings-option-info.react.js
@@ -7,7 +7,7 @@
 import css from './enum-settings-option-info.css';
 
 type Props = {
-  +valid: boolean,
+  +valid: ?boolean,
   +children: React.Node,
 };
 
@@ -17,15 +17,17 @@
   const optionInfoClasses = React.useMemo(
     () =>
       classnames(css.optionInfo, {
-        [css.optionInfoInvalid]: !valid,
+        [css.optionInfoInvalid]: valid === false,
       }),
     [valid],
   );
 
-  const icon = React.useMemo(
-    () => <SWMansionIcon icon={valid ? 'check' : 'cross'} size={12} />,
-    [valid],
-  );
+  const icon = React.useMemo(() => {
+    if (valid === undefined || valid === null) {
+      return;
+    }
+    return <SWMansionIcon icon={valid ? 'check' : 'cross'} size={12} />;
+  }, [valid]);
   return (
     <div className={optionInfoClasses}>
       {icon}
diff --git a/web/modals/threads/notifications/enum-settings-option.react.js b/web/modals/threads/notifications/enum-settings-option.react.js
--- a/web/modals/threads/notifications/enum-settings-option.react.js
+++ b/web/modals/threads/notifications/enum-settings-option.react.js
@@ -12,7 +12,7 @@
   +onSelect: () => void,
   +icon: React.Node,
   +title: string,
-  +description: $ReadOnlyArray<[string, boolean]>,
+  +description: $ReadOnlyArray<[string, ?boolean]>,
 };
 
 function EnumSettingsOption(props: Props): React.Node {