Files
shadcn/app/registry/default/example/motion-highlight-demo.tsx
zeekay f91e76841b fix: Resolve SSR errors and add 'use client' to interactive demos
Major fixes:
- Fixed wagmi/Web3 SSR errors by lazy-loading config in Web3Provider
- Added SidebarProvider to sidebar-demo components
- Added 'use client' to 14 demo files with hooks/state/event handlers
- Temporarily disabled force-static on blocks page

Build progress: 0 → 258/1035 pages (25%) before hitting /blocks error

Remaining issue:
- /blocks page has function-passing error during static generation

Package versions confirmed:
- React 19.2.0 ✅
- Next.js 16.0.0 ✅
- Tailwind CSS 4.1.14 ✅
2025-11-06 01:51:19 -08:00

20 lines
627 B
TypeScript

import { MotionHighlight } from "@/registry/default/ui/motion-highlight"
export default function MotionHighlightDemo() {
return (
<div className="w-full min-h-[400px] flex items-center justify-center p-8">
<div className="space-y-6 max-w-2xl">
<MotionHighlight>
<h2 className="text-3xl font-bold">Interactive Highlight Effect</h2>
</MotionHighlight>
<MotionHighlight>
<p className="text-lg">
Hover over this text to see the smooth highlight animation following
your cursor.
</p>
</MotionHighlight>
</div>
</div>
)
}