Skip to content

Add 'use client' directive for RSC compatibility#50

Merged
abernier merged 3 commits intomainfrom
copilot/add-use-client-directive
Jan 15, 2026
Merged

Add 'use client' directive for RSC compatibility#50
abernier merged 3 commits intomainfrom
copilot/add-use-client-directive

Conversation

Copy link

Copilot AI commented Jan 15, 2026

Marks the Mcu component as a client component for React Server Components frameworks.

Changes

  • src/Mcu.tsx: Added "use client" directive at top of file
  • tsup.config.ts: Added banner config to preserve directive in bundled output
  • .changeset: Created patch changeset via pnpm changeset

The Mcu component uses hooks and DOM manipulation (style tag injection), requiring client-side execution. This aligns with Mcu.context.tsx which already had the directive.

// dist/index.js output now includes:
"use client";

// src/Mcu.tsx
import { ... } from "@material/material-color-utilities";
Original prompt

add 'use client' directive in Mcu.tsx

run pnpm changeset as a patch


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Copilot AI and others added 2 commits January 15, 2026 08:09
Copilot AI changed the title [WIP] Add 'use client' directive in Mcu.tsx Add 'use client' directive for RSC compatibility Jan 15, 2026
Copilot AI requested a review from abernier January 15, 2026 08:13
@abernier abernier marked this pull request as ready for review January 15, 2026 08:15
@abernier abernier merged commit 19b5825 into main Jan 15, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants