From bc77504b35efa97fd917cabfa5c90da0432afd72 Mon Sep 17 00:00:00 2001 From: jordan Date: Fri, 20 Feb 2026 00:32:24 -0700 Subject: [PATCH] fix: add 'use client' directive to MediaLibrary and MediaUploader components These components use useState/useRef hooks but lacked the Next.js 'use client' directive, causing the Next.js app build to fail with Server Component errors. Co-Authored-By: Claude Opus 4.6 --- .../skeleton/packages/ui/src/components/MediaLibrary.tsx | 2 ++ .../skeleton/packages/ui/src/components/MediaUploader.tsx | 2 ++ 2 files changed, 4 insertions(+) diff --git a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx index 361cd34..be82155 100644 --- a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx +++ b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaLibrary.tsx @@ -1,3 +1,5 @@ +'use client'; + import { useState } from 'react'; import { Trash2, Image, Video, ExternalLink } from 'lucide-react'; diff --git a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx index 1116ffd..51ded2e 100644 --- a/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx +++ b/internal/adapter/templates/templates/skeleton/packages/ui/src/components/MediaUploader.tsx @@ -1,3 +1,5 @@ +'use client'; + import { useCallback, useState, useRef } from 'react'; import { Upload, Loader2, Check } from 'lucide-react';