chore: cleanup hydration logic (#552)

Author: adiologydev

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

@@ -15,7 +15,6 @@ import {
 import { useSidebarStore } from '@/stores/sidebar/store'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
-import { useRegistryLoading } from '../../hooks/use-registry-loading'
 import { useUserPermissionsContext } from '../providers/workspace-permissions-provider'
 import { CreateMenu } from './components/create-menu/create-menu'
 import { FolderTree } from './components/folder-tree/folder-tree'
@@ -31,7 +30,6 @@ const logger = createLogger('Sidebar')
 const IS_DEV = process.env.NODE_ENV === 'development'
 
 export function Sidebar() {
-  useRegistryLoading()
   useGlobalShortcuts()
 
   const { workflows, createWorkflow, isLoading: workflowsLoading } = useWorkflowRegistry()

apps/sim/app/workspace/[workspaceId]/w/hooks/use-registry-loading.ts

@@ -1,30 +1,18 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
 import { useParams, useRouter } from 'next/navigation'
 import { LoadingAgent } from '@/components/ui/loading-agent'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 
 export default function WorkflowsPage() {
   const router = useRouter()
   const { workflows, isLoading } = useWorkflowRegistry()
+
   const params = useParams()
   const workspaceId = params.workspaceId
 
-  // Track hydration state to prevent premature redirects
-  const [isHydrated, setIsHydrated] = useState(false)
-
-  // Handle client-side hydration
-  useEffect(() => {
-    setIsHydrated(true)
-  }, [])
-
   useEffect(() => {
-    // Don't do anything until we're hydrated and have a valid workspaceId
-    if (!isHydrated || !workspaceId || typeof workspaceId !== 'string') {
-      return
-    }
-
     // Wait for workflows to load
     if (isLoading) return
 
@@ -40,7 +28,7 @@ export default function WorkflowsPage() {
     // didn't work properly or the user doesn't have any workspaces.
     // Redirect to home to let the system handle workspace/workflow creation properly.
     router.replace('/')
-  }, [isHydrated, workflows, isLoading, router, workspaceId])
+  }, [workflows, isLoading, router, workspaceId])
 
   // Show loading state while determining where to redirect
   return (