Skip to content

Fix react-19 external anchor replacement in AnchoredOverlay and share Vitest setup #40397

Fix react-19 external anchor replacement in AnchoredOverlay and share Vitest setup

Fix react-19 external anchor replacement in AnchoredOverlay and share Vitest setup #40397

Re-run triggered May 8, 2026 20:15
Status Failure
Total duration 4m 55s
Artifacts

ci.yml

on: pull_request
Matrix: examples
Matrix: test
Matrix: type-check
Fit to window
Zoom out
Zoom in

Annotations

41 errors
examples (react-19)
Spread types may only be created from object types.
examples (react-19)
'TrailingVisual' cannot be used as a JSX component.
examples (react-19)
JSX element type 'TrailingVisual' does not have any construct or call signatures.
examples (react-19)
'LeadingVisual' cannot be used as a JSX component.
examples (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
examples (react-19)
'menuButtonChild.props' is of type 'unknown'.
examples (react-19)
Unused '@ts-expect-error' directive.
examples (react-19)
No overload matches this call.
examples (react-19)
Unused '@ts-expect-error' directive.
examples (react-19)
@primer/react#build: command (/home/runner/work/react/react/packages/react) /opt/hostedtoolcache/node/24.14.1/x64/bin/npm run build exited (2)
type-check (react-19)
'LeadingVisual' cannot be used as a JSX component.
type-check (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
type-check (react-19)
Type 'RefObject<HTMLElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
type-check (react-19)
'menuButtonChild.props' is of type 'unknown'.
type-check (react-19)
Unused '@ts-expect-error' directive.
type-check (react-19)
No overload matches this call.
type-check (react-19)
Unused '@ts-expect-error' directive.
type-check (react-19)
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
type-check (react-19)
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
type-check (react-19)
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
type-check (react-19)
'child.props' is of type 'unknown'.
type-check (react-19)
Spread types may only be created from object types.
type-check (react-19)
'TrailingVisual' cannot be used as a JSX component.
type-check (react-19)
JSX element type 'TrailingVisual' does not have any construct or call signatures.
type-check (react-19)
'LeadingVisual' cannot be used as a JSX component.
type-check (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
type-check (react-19)
'menuButtonChild.props' is of type 'unknown'.
type-check (react-19)
Unused '@ts-expect-error' directive.
type-check (react-19)
No overload matches this call.
type-check (react-19)
Unused '@ts-expect-error' directive.
[@primer/react (chromium)] src/ActionMenu/ActionMenu.test.tsx > ActionMenu > submenus > keeps anchor-name and position-anchor linked when the anchor is replaced while the menu is open: packages/react/src/ActionMenu/ActionMenu.test.tsx#L796
AssertionError: expected '' to be '--anchored-overlay-anchor-_r_a3_' // Object.is equality Ignored nodes: comments, script, style <html class="js-focus-visible" data-color-mode="auto" data-dark-theme="dark" data-js-focus-visible="" data-light-theme="light" lang="en" > <head> <meta charset="UTF-8" /> <link href="/__vitest__/favicon.svg" rel="icon" type="image/svg+xml" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <title> Vitest Browser Tester </title> <link crossorigin="" href="/__vitest_browser__/utils-DmkAiRYk.js" rel="modulepreload" /> </head> <body> <div id="__primerPortalRoot__" style="position: absolute; top: 0px; left: 0px; width: 100%;" > <div style="position: relative; z-index: 1;" > <div class="prc-AnchoredOverlay-AnchoredOverlay-VjqdQ prc-Overlay-Overlay-ViJgm" data-align="right" data-anchor-position="true" data-component="AnchoredOverlay" data-focus-trap="active" data-height-auto="" data-side="outside-bottom" data-visibility-visible="" data-width-auto="" role="none" style="--left: 0px; position-anchor: --anchored-overlay-anchor-_r_a3_; --anchored-overlay-anchor-offset-right: 0px;" > <span aria-hidden="true" class="sentinel" style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;" tabindex="0" /> <div class="prc-ActionMenu-ActionMenuContainer-gMfWy" data-variant="anchored" > <ul aria-labelledby="_r_a1_" class="prc-ActionList-ActionList--dkHj" data-component="ActionList" data-dividers="false" data-variant="inset" role="menu" > <li aria-keyshortcuts="s" aria-labelledby="_r_a5_--label" class="prc-ActionList-ActionListItem-jXerx" data-component="ActionList.Item" data-has-description="false" id="_r_a5_" role="menuitem" tabindex="0" > <div class="prc-ActionList-ActionListContent-Q8eQr" data-size="medium" > <span class="prc-ActionList-Spacer-vgXtU" /> <span class="prc-ActionList-ActionListSubContent-Zcjdz" data-component="ActionList.Item--DividerContainer" > <span class="prc-ActionList-ItemLabel-hYyH7" data-component="ActionList.Item.Label" id="_r_a5_--label" > Switch anchor </span> </span> </div> </li> <li aria-keyshortcuts="i" aria-labelledby="_r_a6_--label" class="prc-ActionList-ActionListItem-jXerx" data-component="ActionList.Item" data-has-description="false" id="_r_a6_" role="menuitem" tabindex="-1" > <div class="prc-ActionList-ActionListContent-Q8eQr" data-size="medium" > <span class="prc-ActionList-Spacer-vgXtU" /> <span class="prc-ActionList-ActionListSubContent-Zcjdz"
test (react-19)
Spread types may only be created from object types.
test (react-19)
'TrailingVisual' cannot be used as a JSX component.
test (react-19)
JSX element type 'TrailingVisual' does not have any construct or call signatures.
test (react-19)
'LeadingVisual' cannot be used as a JSX component.
test (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
test (react-19)
'menuButtonChild.props' is of type 'unknown'.
test (react-19)
Unused '@ts-expect-error' directive.
test (react-19)
No overload matches this call.
test (react-19)
Unused '@ts-expect-error' directive.
test (react-19)
@primer/react#build: command (/home/runner/work/react/react/packages/react) /opt/hostedtoolcache/node/24.14.1/x64/bin/npm run build exited (2)