From 2d64dde3e6f74e48bffe9c8302cb1072ae7323d5 Mon Sep 17 00:00:00 2001
From: David Vacca <dvacca@fb.com>
Date: Mon, 11 Jan 2021 09:42:33 -0800
Subject: [PATCH] Prevent creating non visibile view in RNTester

Summary:
Small refactor to prevent creating non visibile view in RNTester

changelog: [internal] internal

Reviewed By: fkgozali

Differential Revision: D25869868

fbshipit-source-id: 4873bf5f9de99612806df2d02adb73d21d3185db
---
 packages/rn-tester/js/RNTesterAppShared.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/rn-tester/js/RNTesterAppShared.js b/packages/rn-tester/js/RNTesterAppShared.js
index ee0c73677cf..70380c39699 100644
--- a/packages/rn-tester/js/RNTesterAppShared.js
+++ b/packages/rn-tester/js/RNTesterAppShared.js
@@ -45,11 +45,12 @@ const APP_STATE_KEY = 'RNTesterAppState.v3';
 // TODO: Vendor AsyncStorage or create our own.
 LogBox.ignoreLogs([/AsyncStorage has been extracted from react-native/]);
 
-const DisplayIfVisible = ({isVisible, children}) => (
-  <View style={[styles.container, !isVisible && styles.hidden]}>
-    {children}
-  </View>
-);
+const DisplayIfVisible = ({isVisible, children}) =>
+  isVisible ? (
+    <View style={[styles.container, !isVisible && styles.hidden]}>
+      {children}
+    </View>
+  ) : null;
 
 type ExampleListsContainerProps = $ReadOnly<{|
   theme: RNTesterTheme,