diff --git a/packages/builder/src/pages/builder/app/[application]/data/view/v2/[viewName].svelte b/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id].svelte
similarity index 73%
rename from packages/builder/src/pages/builder/app/[application]/data/view/v2/[viewName].svelte
rename to packages/builder/src/pages/builder/app/[application]/data/view/v2/[id].svelte
index 3df89bd777..266fd237f5 100644
--- a/packages/builder/src/pages/builder/app/[application]/data/view/v2/[viewName].svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id].svelte
@@ -3,11 +3,17 @@
   import { Grid } from "@budibase/frontend-core"
   import { API } from "api"
 
-  $: tableId = $views.selected?.id
+  export let id
 </script>
 
 <div class="wrapper">
-  <Grid {API} {tableId} datasourceType="view" showAvatars={false} />
+  <Grid
+    {API}
+    tableId={id}
+    datasourceType="viewV2"
+    showAvatars={false}
+    showControls={false}
+  />
 </div>
 
 <style>
diff --git a/packages/frontend-core/src/components/grid/stores/rows.js b/packages/frontend-core/src/components/grid/stores/rows.js
index 295d968987..3fb89c7f33 100644
--- a/packages/frontend-core/src/components/grid/stores/rows.js
+++ b/packages/frontend-core/src/components/grid/stores/rows.js
@@ -60,7 +60,6 @@ export const deriveStores = context => {
     loading,
     sort,
     tableId,
-    datasourceType,
     API,
     scroll,
     validation,
@@ -72,6 +71,7 @@ export const deriveStores = context => {
     hasNextPage,
     error,
     notifications,
+    props,
   } = context
   const instanceLoaded = writable(false)
   const fetch = writable(null)
@@ -112,7 +112,7 @@ export const deriveStores = context => {
     const newFetch = fetchData({
       API,
       datasource: {
-        type: datasourceType,
+        type: props.datasourceType,
         tableId: $tableId,
       },
       options: {