fix: Sync the external Storybook parameters once, not every render

storybookjs · Mar 3, 2023 · 4354144 · 4354144
1 parent 0f4e275
commit 4354144
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/app/react-native/src/preview/View.tsx b/app/react-native/src/preview/View.tsx
@@ -152,6 +152,12 @@ export class View {
     const self = this;
 
     const appliedTheme = deepmerge(theme, params.theme ?? {});
+    // Sync the Storybook parameters (external) with app UI state (internal), to initialise them.
+    syncExternalUI({
+      isUIVisible: params.isUIHidden !== undefined ? !params.isUIHidden : undefined,
+      isSplitPanelVisible: params.isSplitPanelVisible,
+    });
+
     return () => {
       const setContext = useSetStoryContext();
       const [, forceUpdate] = useReducer((x) => x + 1, 0);
@@ -174,11 +180,6 @@ export class View {
       }, []);
 
       if (onDeviceUI) {
-        syncExternalUI({
-          isUIVisible: params.isUIHidden !== undefined ? !params.isUIHidden : undefined,
-          isSplitPanelVisible: params.isSplitPanelVisible,
-        });
-
         return (
           <SafeAreaProvider>
             <ThemeProvider theme={appliedTheme}>