fix(client-directive): fix build error

[icecrasher321]

Summary

Fix build error related to not specifying useClient directive.

Type of Change

• Bug fix

Testing

bun run build

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Oct 31, 2025 3:25am

[greptile-apps]

Greptile Overview

Greptile Summary

Fixed build error by adding the 'use client' directive to use-workflow-diff.ts. This file exports a React hook that uses client-side hooks (useState, useCallback, useRef), which require the 'use client' directive in Next.js App Router to execute on the client side.

Key changes:

• Added 'use client' directive at the top of the file to enable client-side React hooks

Confidence Score: 5/5

• This PR is safe to merge with no risk
• The change is a minimal, standard fix for Next.js App Router requirements. Adding the 'use client' directive is the correct and only solution for files that use React client hooks. No logic changes, no security concerns, and addresses the build error correctly.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
apps/sim/lib/workflows/diff/use-workflow-diff.ts	5/5	Added 'use client' directive to fix build error for React hook file

Sequence Diagram

sequenceDiagram
    participant Build as Next.js Build
    participant Hook as use-workflow-diff.ts
    participant React as React Runtime
    
    Note over Build,Hook: Before Fix (Build Error)
    Build->>Hook: Import and analyze file
    Hook->>React: Uses useState, useCallback, useRef
    React-->>Build: Error: Client hooks without 'use client'
    
    Note over Build,Hook: After Fix (Successful Build)
    Build->>Hook: Import and analyze file
    Note over Hook: 'use client' directive present
    Hook->>React: Uses useState, useCallback, useRef
    React-->>Build: Success: Client-side execution enabled

Loading

_{1 file reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}