upgraded svelte + used svelte:fragment

packages/web/package.json

@@ -18,7 +18,7 @@
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-svelte": "^7.0.0",
     "rollup-plugin-terser": "^7.0.0",
-    "svelte": "^3.0.0",
+    "svelte": "^3.35.0",
     "svelte-check": "^1.0.0",
     "svelte-preprocess": "^4.0.0",
     "tslib": "^2.0.0",

packages/web/src/datagrid/DataGrid.svelte

@@ -26,9 +26,9 @@
       </WidgetColumnBarItem>
     </WidgetColumnBar>
   </div>
-  <div slot="2">
+  <svelte:fragment slot="2">
     <svelte:component this={gridCoreComponent} {...$$props} />
-  </div>
+  </svelte:fragment>
 </HorizontalSplitter>
 
 <style>

packages/web/src/datagrid/TableDataGrid.svelte

@@ -107,7 +107,7 @@
 </script>
 
 <VerticalSplitter isSplitter={!!reference}>
-  <div slot="1">
+  <svelte:fragment slot="1">
     <DataGrid
       {...$$props}
       gridCoreComponent={SqlDataGridCore}
@@ -121,7 +121,7 @@
         setChildConfig(createGridConfig(), value);
       }}
     />
-  </div>
+  </svelte:fragment>
   <div slot="2" class="reference-container">
     {#if reference}
       <ReferenceHeader {reference} on:close={handleCloseReference} />

yarn.lock

@@ -6941,10 +6941,10 @@ svelte-preprocess@^4.0.0:
     detect-indent "^6.0.0"
     strip-indent "^3.0.0"
 
-svelte@^3.0.0:
-  version "3.32.3"
-  resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.32.3.tgz#db0c50c65573ecffe4e2f4924e4862d8f9feda74"
-  integrity sha512-5etu/wDwtewhnYO/631KKTjSmFrKohFLWNm1sWErVHXqGZ8eJLqrW0qivDSyYTcN8GbUqsR4LkIhftNFsjNehg==
+svelte@^3.35.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.35.0.tgz#e0d0ba60c4852181c2b4fd851194be6fda493e65"
+  integrity sha512-gknlZkR2sXheu/X+B7dDImwANVvK1R0QGQLd8CNIfxxGPeXBmePnxfzb6fWwTQRsYQG7lYkZXvpXJvxvpsoB7g==
 
 symbol-tree@^3.2.2:
   version "3.2.4"