Problem 9: Server Actions vs Client Handlers

Mixing server actions with client-side handlers creates confusion and prop explosion

Messy Approach: Mixing Handlers
Passing both server actions and client handlers as props

Props needed: onSubmit, onSuccess, onError, onValidate, isLoading, setIsLoading

Mixed concerns: validation, submission, error handling, loading state

Issues

• Unclear which handler to use when

• Props become a mix of server and client logic

• Hard to test and maintain

• Type safety issues with async handlers

• Difficult to handle errors consistently