diff --git a/ts/state/smart/CustomizingPreferredReactionsModal.tsx b/ts/state/smart/CustomizingPreferredReactionsModal.tsx
index 2c5c16851ed..f5ecbdfc284 100644
--- a/ts/state/smart/CustomizingPreferredReactionsModal.tsx
+++ b/ts/state/smart/CustomizingPreferredReactionsModal.tsx
@@ -25,11 +25,6 @@ export function SmartCustomizingPreferredReactionsModal(): JSX.Element {
     StateType,
     ReturnType<typeof getCustomizeModalState>
   >(state => getCustomizeModalState(state));
-  if (!customizeModalState) {
-    throw new Error(
-      '<SmartCustomizingPreferredReactionsModal> requires a modal'
-    );
-  }
 
   const recentEmojis = useRecentEmojis();
 
@@ -37,6 +32,12 @@ export function SmartCustomizingPreferredReactionsModal(): JSX.Element {
     getEmojiSkinTone(state)
   );
 
+  if (!customizeModalState) {
+    throw new Error(
+      '<SmartCustomizingPreferredReactionsModal> requires a modal'
+    );
+  }
+
   return (
     <CustomizingPreferredReactionsModal
       i18n={i18n}