feat: force SplitPanel re-render when hidePanelOnLoad value change

cheminfo · Jun 10, 2022 · 9f01e7f · 9f01e7f
1 parent 6b2792c
commit 9f01e7f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/component/SplitPaneWrapper.tsx b/src/component/SplitPaneWrapper.tsx
@@ -4,13 +4,15 @@ import { usePreferences } from './context/PreferencesContext';
 
 export function SplitPaneWrapper({ children }) {
   const { current } = usePreferences();
-  const general = current?.display?.general || {};
+  const { hidePanelOnLoad = false, initialPanelWidth = '560px' } =
+    current?.display?.general || {};
   return (
     <SplitPane
-      initialSeparation={general?.initialPanelWidth || '560px'}
+      key={hidePanelOnLoad ? 'true' : 'false'}
+      initialSeparation={initialPanelWidth}
       orientation="horizontal"
       sideSeparation="end"
-      initialClosed={general?.hidePanelOnLoad || false}
+      initialClosed={hidePanelOnLoad || false}
       minimumSize={600}
     >
       {children}