Key client layout component to ensure fully remounting when swapping layouts in the builder preview

5 years ago · 5a6a40a80c
1 changed files with 3 additions and 1 deletions
--- a/packages/client/src/components/ClientApp.svelte
+++ b/packages/client/src/components/ClientApp.svelte
@ -65,7 +65,9 @@
  >
    <Provider key="user" data={$authStore} {actions}>
      <div id="app-root">
-        <Component instance={$screenStore.activeLayout.props} />
+        {#key $screenStore.activeLayout._id}
+          <Component instance={$screenStore.activeLayout.props} />
+        {/key}
      </div>
      <NotificationDisplay />
      <!-- Key block needs to be outside the if statement or it breaks -->