diff --git a/studio/pages/vercel/integrate.tsx b/studio/pages/vercel/integrate.tsx
index 685c5d85fff..7fb5595db7e 100644
--- a/studio/pages/vercel/integrate.tsx
+++ b/studio/pages/vercel/integrate.tsx
@@ -54,7 +54,6 @@ interface IVercelIntegrationStore {
   }[]
 
   isDeployButtonFlow: boolean
-  isSupabaseProjectListEmpty: boolean
   integrationComplete: boolean
   queryParams: Dictionary<string>
   projectLinkRemaining: number
@@ -97,12 +96,6 @@ class VercelIntegrationStore implements IVercelIntegrationStore {
     return !!this.currentProjectId
   }
 
-  get isSupabaseProjectListEmpty() {
-    const { app } = useStore()
-    const projects = app.projects.list()
-    return projects.length == 0
-  }
-
   // @ts-ignore
   get queryParams() {
     return {
@@ -191,6 +184,9 @@ type VercelIntegrationProps = {} & any
 const VercelIntegration: FC<VercelIntegrationProps> = ({}) => {
   // @ts-ignore
   const _store: IVercelIntegrationStore = useLocalObservable(() => new VercelIntegrationStore())
+  const { app } = useStore()
+  const projects = app.projects.list()
+  const isSupabaseProjectListEmpty = projects.length == 0
 
   useEffect(() => {
     _store.loadInitialData()
@@ -203,7 +199,7 @@ const VercelIntegration: FC<VercelIntegrationProps> = ({}) => {
           <Connecting />
         ) : _store.isDeployButtonFlow ? (
           <IntegrationProject />
-        ) : _store.isSupabaseProjectListEmpty ? (
+        ) : isSupabaseProjectListEmpty ? (
           <ProjectLinksEmptyState />
         ) : (
           <ProjectLinks />