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} />