Fix PageHeader type issues

[liuliu-dev]

The PageHeader change PR is causing integration test failing.

Error message:

Error: packages/issue-viewer/components/header/HeaderViewer.tsx(65,21): error TS2339: Property 'TitleArea' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(66,12): error TS2322: Type '{ children: Element[]; as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6"; sx: { fontSize: string | number | SystemCssProperties | CSSPseudoSelectorProps | ... 8 more ... | undefined; mr: number | undefined; }; className: string; }' is not assignable to type 'IntrinsicAttributes & { as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined; } & ChildrenPropTypes & SxProp'.
Property 'children' does not exist on type 'IntrinsicAttributes & { as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined; } & ChildrenPropTypes & SxProp'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(115,22): error TS2339: Property 'TitleArea' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(117,21): error TS2339: Property 'ContextArea' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(118,23): error TS2339: Property 'ContextAreaActions' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(120,24): error TS2339: Property 'ContextAreaActions' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(121,22): error TS2339: Property 'ContextArea' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(125,23): error TS2339: Property 'ContextArea' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: packages/issue-viewer/components/header/HeaderViewer.tsx(136,24): error TS2339: Property 'ContextArea' does not exist on type 'ForwardRefComponent<"div", PageHeaderProps> & { Actions: ({ sx, ...rest }: PageHeaderActionsProps) => Element; Title: ({ sx, ...rest }: PageHeaderTitleProps) => Element; }'.
Error: Process completed with exit code 2.

The issue is that sub components like TitleArea, ContextArea, and ContextAreaActions are not exported from styled-react, and some of the Props are not wrapped by PropsWithChildren

[changeset-bot]

🦋 Changeset detected

Latest commit: 87a4898

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@primer/styled-react	Patch
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[primer-integration]

👋 Hi from github/github-ui! Your integration PR is ready: https://github.com/github/github-ui/pull/3046

[primer-integration]

🟢 ci completed with status success.

[Copilot]

Pull Request Overview

This PR fixes TypeScript type issues in the PageHeader component that were causing integration test failures. The primary issue was missing subcomponent exports and incorrect type definitions in the styled-react package.

• Exports missing PageHeader subcomponents (TitleArea, ContextArea, etc.) from styled-react
• Adds PropsWithChildren wrapper to PageHeaderTitleProps and creates PageHeaderTitleAreaProps
• Exports the new TitleAreaProps type and ChildrenPropTypes from the main react package

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/styled-react/src/components/PageHeader.tsx	Adds missing subcomponent exports and fixes type definitions with PropsWithChildren
packages/react/src/index.ts	Exports new PageHeaderTitleAreaProps and PageHeaderChildrenPropTypes types
packages/react/src/tests/snapshots/exports.test.ts.snap	Updates test snapshot to reflect new exported types
packages/react/src/PageHeader/PageHeader.tsx	Exports TitleAreaProps type that was previously internal
.changeset/nasty-seals-carry.md	Documents the patch-level changes for both packages

[llastflowers]

✅ Thanks for fixing this!!