Files
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

65 lines
1.4 KiB
TypeScript

import { cn } from "@/lib/utils"
function PageHeader({
className,
children,
...props
}: React.ComponentPropsWithoutRef<"section">) {
return (
<section className={cn("border-grid", className)} {...props}>
<div className="container-wrapper">
<div className="container flex flex-col items-center gap-2 py-8 text-center md:py-16 lg:py-20 xl:gap-4">
{children}
</div>
</div>
</section>
)
}
function PageHeaderHeading({
className,
...props
}: React.ComponentPropsWithoutRef<"h1">) {
return (
<h1
className={cn(
"text-primary leading-tighter max-w-2xl text-4xl font-semibold tracking-tight text-balance lg:leading-[1.1] lg:font-semibold xl:text-5xl xl:tracking-tighter",
className
)}
{...props}
/>
)
}
function PageHeaderDescription({
className,
...props
}: React.ComponentPropsWithoutRef<"p">) {
return (
<p
className={cn(
"text-foreground max-w-3xl text-base text-balance sm:text-lg",
className
)}
{...props}
/>
)
}
function PageActions({
className,
...props
}: React.ComponentPropsWithoutRef<"div">) {
return (
<div
className={cn(
"flex w-full items-center justify-center gap-2 pt-2 **:data-[slot=button]:shadow-none",
className
)}
{...props}
/>
)
}
export { PageActions, PageHeader, PageHeaderDescription, PageHeaderHeading }