Skip to content

Fix/playground composition build#16199

Open
anuagragith wants to merge 3 commits into
microsoft:mainfrom
anuagragith:fix/playground-composition-build
Open

Fix/playground composition build#16199
anuagragith wants to merge 3 commits into
microsoft:mainfrom
anuagragith:fix/playground-composition-build

Conversation

@anuagragith
Copy link
Copy Markdown

@anuagragith anuagragith commented May 29, 2026

Description

Type of Change

  • Bug fix (non-breaking change which fixes an issue)

Summary

I did a fresh git clone, and the playground app was not building or running. I used AI tools to help resolve the issue and am sending out this PR with the fixes. I understand that some of the changes are related to the recent VS Code version updates.

Why

The playground-composition app cannot be built or run locally using npx react-native run-windows from the packages/playground folder. Multiple issues in the solution file, project references, and build configuration cause cascading build failures. These affect anyone cloning the repo and attempting to run the composition playground.

Resolves - building and running the playground app locally

What

  1. Added missing Global line in the .sln file (was causing autolink to corrupt the file).
  2. Fixed duplicate SampleCustomComponent entry - updated path and removed ProjectSection block that confused autolink's detection.
  3. Aligned SampleCustomComponent reference paths - .sln and .vcxproj pointed to the same project via different paths (symlink vs direct), causing parallel build collisions on PDB/tlog files.
  4. Excluded @react-native-picker/picker from autolinking - it's UWP-only and incompatible with the composition (Win32) target.
  5. Changed PlatformToolset from hardcoded v143 to $(DefaultPlatformToolset) for forward compatibility with newer VS versions.
  6. Added /FS flag to SampleCustomComponent to prevent PDB write conflicts during parallel builds.
  7. Disabled RestoreLockedMode for playground-composition to avoid NuGet lock file errors during local dev.

Screenshots

No UI changes

Testing

Verified npx react-native run-windows from packages/playground:

  • Builds successfully from clean state
  • App launches and runs

Changelog

Should this change be included in the release notes: no

Internal tooling/playground fix — does not affect published packages or end-user functionality.

Microsoft Reviewers: Open in CodeFlow

Anukrati Agrawal and others added 2 commits May 29, 2026 13:18
- Add missing 'Global' line to playground-composition.sln that caused
  autolink to corrupt the solution file (MSB5010)
- Update SampleCustomComponent path to node_modules and remove
  ProjectSection to prevent autolink from adding duplicate entries (MSB5004)
- Exclude @react-native-picker/picker from autolinking when targeting
  composition, as it is a UWP/Paper component incompatible with
  Win32/WinAppSDK (WindowsAppSDK transitive dependency error)
- Use $(DefaultPlatformToolset) instead of hardcoded v143 in
  Playground-Composition.vcxproj and SampleCustomComponent.vcxproj
  for forward compatibility with newer VS versions

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
- Align ProjectReference in Playground-Composition.vcxproj to use the same
  node_modules path as the .sln, preventing parallel build collisions when
  MSBuild resolves the same project via two different paths (C1041/FTK1011)
- Add /FS flag to SampleCustomComponent for synchronized PDB writes
- Disable RestoreLockedMode for playground-composition local dev builds
  to prevent NU1004 errors from stale lock files

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@anuagragith anuagragith marked this pull request as ready for review May 29, 2026 23:37
@anuagragith anuagragith requested a review from a team as a code owner May 29, 2026 23:37
@hansenyy hansenyy requested a review from JunielKatarn May 29, 2026 23:46
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 30, 2026

Performance Test Results

Branch: fix/playground-composition-build
Commit: 8f209ede
Time: 2026-06-03T19:02:45.189Z
Tests: 161/161 passed

✅ Passed

161 scenario(s) across 28 suite(s) — no regressions

SectionList

Scenario Mean Median StdDev Renders vs Baseline
SectionList mount 3.60ms 3.00ms ±0.97ms 1 -40.0%
SectionList unmount 0.10ms 0.00ms ±0.32ms 0 +0.0%
SectionList rerender 7.10ms 7.00ms ±1.45ms 2 -33.3%
SectionList with-3-sections-15-items 3.60ms 3.50ms ±0.97ms 1 -36.4%
SectionList with-5-sections-50-items 4.10ms 4.00ms ±1.45ms 1 -33.3%
SectionList with-10-sections-200-items 3.40ms 3.00ms ±0.52ms 1 -45.5%
SectionList with-20-sections-200-items 3.50ms 3.50ms ±1.27ms 1 -30.0%
SectionList with-section-separator 1.20ms 1.00ms ±0.42ms 1 -50.0%
SectionList with-item-separator 1.80ms 1.50ms ±1.23ms 1 -25.0%
SectionList with-header-footer 1.30ms 1.00ms ±0.48ms 1 -50.0%
SectionList with-section-footer 1.80ms 1.00ms ±1.55ms 1 -50.0%
SectionList with-sticky-section-headers 1.20ms 1.00ms ±0.42ms 1 -50.0%
SectionList with-empty-list 0.30ms 0.00ms ±0.48ms 1 -100.0%
SectionList with-50-sections-1000-items 1.50ms 1.00ms ±1.27ms 1 -50.0%

FlatList

Scenario Mean Median StdDev Renders vs Baseline
FlatList mount 3.10ms 3.00ms ±0.74ms 1 -25.0%
FlatList unmount 0.10ms 0.00ms ±0.32ms 0 +0.0%
FlatList rerender 6.60ms 6.00ms ±1.51ms 2 -33.3%
FlatList with-10-items 3.00ms 3.00ms ±0.47ms 1 -25.0%
FlatList with-100-items 3.30ms 3.00ms ±0.48ms 1 -40.0%
FlatList with-500-items 2.70ms 3.00ms ±0.67ms 1 -25.0%
FlatList with-1000-items 3.30ms 3.00ms ±0.48ms 1 -25.0%
FlatList horizontal 2.70ms 3.00ms ±0.67ms 1 -40.0%
FlatList with-separator 1.30ms 1.00ms ±0.48ms 1 -50.0%
FlatList with-header-footer 1.10ms 1.00ms ±0.32ms 1 -50.0%
FlatList with-empty-list 0.30ms 0.00ms ±0.48ms 1 -100.0%
FlatList with-get-item-layout 1.50ms 1.00ms ±1.27ms 1 +0.0%
FlatList inverted 1.10ms 1.00ms ±0.32ms 1 -33.3%
FlatList with-num-columns 2.30ms 2.00ms ±1.34ms 1 -33.3%

TouchableOpacity

Scenario Mean Median StdDev Renders vs Baseline
TouchableOpacity mount 0.70ms 1.00ms ±0.48ms 1 +0.0%
TouchableOpacity unmount 0.30ms 0.00ms ±0.48ms 0 +0.0%
TouchableOpacity rerender 0.80ms 0.50ms ±1.23ms 2 -50.0%
TouchableOpacity custom-active-opacity 0.50ms 0.50ms ±0.53ms 1 -50.0%
TouchableOpacity disabled 0.40ms 0.00ms ±0.52ms 1 -100.0%
TouchableOpacity with-all-handlers 0.40ms 0.00ms ±0.52ms 1 -100.0%
TouchableOpacity with-hit-slop 0.60ms 1.00ms ±0.52ms 1 +0.0%
TouchableOpacity with-delay 0.30ms 0.00ms ±0.48ms 1 -100.0%
TouchableOpacity nested 0.80ms 1.00ms ±0.63ms 1 +0.0%
TouchableOpacity multiple-10 3.87ms 3.00ms ±1.25ms 1 -50.0%
TouchableOpacity multiple-50 17.13ms 16.00ms ±2.53ms 1 -44.8%
TouchableOpacity multiple-100 14.93ms 15.00ms ±2.19ms 1 -70.0%

ScrollView

Scenario Mean Median StdDev Renders vs Baseline
ScrollView mount 0.30ms 0.00ms ±0.48ms 1 +0.0%
ScrollView unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
ScrollView rerender 0.50ms 0.50ms ±0.53ms 2 -50.0%
ScrollView children-20 2.00ms 2.00ms ±0.38ms 1 -50.0%
ScrollView children-100 11.27ms 10.00ms ±1.98ms 1 -37.5%
ScrollView horizontal 2.20ms 2.00ms ±0.42ms 1 -50.0%
ScrollView sticky-headers 2.10ms 2.00ms ±1.29ms 1 -33.3%
ScrollView scroll-indicators 0.50ms 0.50ms ±0.53ms 1 -50.0%
ScrollView nested 1.00ms 1.00ms ±0.47ms 1 +0.0%
ScrollView content-container-style 0.50ms 0.50ms ±0.53ms 1 -50.0%
ScrollView children-500 14.80ms 14.00ms ±2.14ms 1 -26.3%

TouchableHighlight

Scenario Mean Median StdDev Renders vs Baseline
TouchableHighlight mount 0.30ms 0.00ms ±0.48ms 1 -100.0%
TouchableHighlight unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
TouchableHighlight rerender 0.60ms 1.00ms ±0.52ms 2 +0.0%
TouchableHighlight custom-underlay-color 0.70ms 0.00ms ±1.25ms 1 +0.0%
TouchableHighlight custom-active-opacity 0.20ms 0.00ms ±0.42ms 1 +0.0%
TouchableHighlight disabled 0.30ms 0.00ms ±0.48ms 1 +0.0%
TouchableHighlight with-all-handlers 0.30ms 0.00ms ±0.48ms 1 +0.0%
TouchableHighlight with-hit-slop 0.30ms 0.00ms ±0.48ms 1 +0.0%
TouchableHighlight nested-touchables 0.60ms 1.00ms ±0.52ms 1 +0.0%
TouchableHighlight multiple-touchables-10 1.60ms 2.00ms ±0.52ms 1 -33.3%
TouchableHighlight multiple-touchables-50 8.50ms 9.00ms ±0.97ms 1 -28.0%
TouchableHighlight multiple-touchables-100 16.40ms 16.50ms ±1.84ms 1 -26.7%

Pressable

Scenario Mean Median StdDev Renders vs Baseline
Pressable mount 0.30ms 0.00ms ±0.48ms 1 +0.0%
Pressable unmount 0.10ms 0.00ms ±0.32ms 0 +0.0%
Pressable rerender 0.40ms 0.00ms ±0.52ms 2 -100.0%
Pressable with-all-handlers 0.40ms 0.00ms ±0.52ms 1 +0.0%
Pressable with-style-function 0.20ms 0.00ms ±0.42ms 1 +0.0%
Pressable disabled 0.30ms 0.00ms ±0.48ms 1 +0.0%
Pressable with-hit-slop 0.30ms 0.00ms ±0.48ms 1 +0.0%
Pressable nested 0.40ms 0.00ms ±0.52ms 1 -100.0%
Pressable multiple-10 1.80ms 2.00ms ±0.41ms 1 -33.3%
Pressable multiple-50 10.40ms 10.00ms ±1.72ms 1 -28.6%
Pressable multiple-100 11.20ms 9.00ms ±6.52ms 1 -25.0%

Modal

Scenario Mean Median StdDev Renders vs Baseline
Modal mount 0.20ms 0.00ms ±0.42ms 1 +0.0%
Modal unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Modal rerender 0.30ms 0.00ms ±0.48ms 2 +0.0%
Modal slide-animation 0.20ms 0.00ms ±0.42ms 1 +0.0%
Modal fade-animation 0.10ms 0.00ms ±0.32ms 1 +0.0%
Modal transparent 0.30ms 0.00ms ±0.48ms 1 +0.0%
Modal with-callbacks 0.20ms 0.00ms ±0.42ms 1 +0.0%
Modal rich-content 1.10ms 1.00ms ±0.32ms 1 -50.0%
Modal with-accessibility 0.10ms 0.00ms ±0.32ms 1 +0.0%

Image

Scenario Mean Median StdDev Renders vs Baseline
Image mount 0.20ms 0.00ms ±0.42ms 1 +0.0%
Image unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Image rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
Image with-resize-mode 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image with-border-radius 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image with-tint-color 0.00ms 0.00ms ±0.00ms 1 +0.0%
Image with-blur-radius 0.20ms 0.00ms ±0.42ms 1 +0.0%
Image with-accessibility 0.00ms 0.00ms ±0.00ms 1 +0.0%
Image multiple-10 0.60ms 1.00ms ±0.51ms 1 +0.0%
Image multiple-50 2.60ms 3.00ms ±0.51ms 1 +0.0%
Image multiple-100 5.47ms 5.00ms ±0.64ms 1 -37.5%

ActivityIndicator

Scenario Mean Median StdDev Renders vs Baseline
ActivityIndicator mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
ActivityIndicator unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
ActivityIndicator rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
ActivityIndicator size-large 0.10ms 0.00ms ±0.32ms 1 +0.0%
ActivityIndicator size-small 0.00ms 0.00ms ±0.00ms 1 +0.0%
ActivityIndicator with-color 0.00ms 0.00ms ±0.00ms 1 +0.0%
ActivityIndicator not-animating 0.10ms 0.00ms ±0.32ms 1 +0.0%
ActivityIndicator with-accessibility 0.10ms 0.00ms ±0.32ms 1 +0.0%
ActivityIndicator multiple-10 0.60ms 1.00ms ±0.51ms 1 +0.0%
ActivityIndicator multiple-50 2.53ms 2.00ms ±1.19ms 1 -50.0%
ActivityIndicator multiple-100 5.53ms 5.00ms ±0.92ms 1 -28.6%

Switch

Scenario Mean Median StdDev Renders vs Baseline
Switch mount 0.30ms 0.00ms ±0.48ms 1 +0.0%
Switch unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Switch rerender 0.30ms 0.00ms ±0.48ms 2 -100.0%
Switch value-true 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch disabled 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch custom-colors 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch on-value-change 0.00ms 0.00ms ±0.00ms 1 +0.0%
Switch with-accessibility 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch multiple-10 1.00ms 1.00ms ±0.00ms 1 -50.0%
Switch multiple-50 6.27ms 5.00ms ±2.34ms 1 -44.4%
Switch multiple-100 12.47ms 12.00ms ±1.85ms 1 -25.0%

Button

Scenario Mean Median StdDev Renders vs Baseline
Button mount 0.40ms 0.00ms ±0.52ms 1 -100.0%
Button unmount 0.10ms 0.00ms ±0.32ms 0 +0.0%
Button rerender 0.60ms 1.00ms ±0.52ms 2 +0.0%
Button disabled 0.40ms 0.00ms ±0.52ms 1 -100.0%
Button with-color 0.40ms 0.00ms ±0.52ms 1 -100.0%
Button with-accessibility 0.30ms 0.00ms ±0.48ms 1 -100.0%
Button multiple-10 3.80ms 4.00ms ±1.15ms 1 -33.3%
Button multiple-50 14.40ms 17.00ms ±5.51ms 1 -37.0%
Button multiple-100 10.73ms 10.00ms ±2.74ms 1 -47.4%

TextInput

Scenario Mean Median StdDev Renders vs Baseline
TextInput mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
TextInput unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
TextInput rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
TextInput multiline 0.10ms 0.00ms ±0.32ms 1 +0.0%
TextInput with-value 0.10ms 0.00ms ±0.32ms 1 +0.0%
TextInput styled 0.00ms 0.00ms ±0.00ms 1 +0.0%
TextInput multiple-100 5.27ms 5.00ms ±1.33ms 1 -28.6%

View

Scenario Mean Median StdDev Renders vs Baseline
View mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
View unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
View rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
View nested-50 2.67ms 2.00ms ±1.05ms 1 -33.3%
View nested-100 5.40ms 5.00ms ±1.24ms 1 -28.6%
View shadow 0.20ms 0.00ms ±0.42ms 1 +0.0%
View border-radius 0.10ms 0.00ms ±0.32ms 1 +0.0%
View nested-500 12.87ms 8.00ms ±9.75ms 1 -20.0%

Text

Scenario Mean Median StdDev Renders vs Baseline
Text mount 0.00ms 0.00ms ±0.00ms 1 +0.0%
Text unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Text rerender 0.00ms 0.00ms ±0.00ms 2 +0.0%
Text long-1000 0.10ms 0.00ms ±0.32ms 1 +0.0%
Text nested 0.20ms 0.00ms ±0.42ms 1 +0.0%
Text styled 0.00ms 0.00ms ±0.00ms 1 +0.0%
Text multiple-100 5.67ms 5.00ms ±1.40ms 1 -28.6%

SectionList.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
SectionList native mount 3.80ms 3.77ms ±0.46ms 1 -42.1%

FlatList.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
FlatList native mount 3.06ms 2.81ms ±0.69ms 1 -69.5%

TouchableHighlight.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
TouchableHighlight native mount 1.13ms 1.15ms ±0.14ms 1 -45.1%

TouchableOpacity.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
TouchableOpacity native mount 1.21ms 1.12ms ±0.23ms 1 -64.4%

Pressable.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Pressable native mount 1.02ms 0.98ms ±0.13ms 1 -61.0%

ScrollView.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
ScrollView native mount 2.23ms 2.08ms ±0.30ms 1 -48.7%

ActivityIndicator.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
ActivityIndicator native mount 1.16ms 0.86ms ±0.81ms 1 -65.4%

TextInput.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
TextInput native mount 1.37ms 1.38ms ±0.06ms 1 -66.3%

Switch.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Switch native mount 0.82ms 0.79ms ±0.13ms 1 -54.3%

Button.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Button native mount 1.23ms 1.15ms ±0.18ms 1 -55.6%

Modal.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Modal native mount 0.75ms 0.73ms ±0.12ms 1 -40.2%

Image.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Image native mount 1.27ms 1.23ms ±0.16ms 1 -45.6%

View.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
View native mount 0.83ms 0.83ms ±0.07ms 1 -42.1%

Text.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Text native mount 1.01ms 0.99ms ±0.13ms 1 -42.9%

@acoates-ms
Copy link
Copy Markdown
Contributor

/azp run

@azure-pipelines
Copy link
Copy Markdown
Contributor

Azure Pipelines successfully started running 1 pipeline(s).

@anuagragith anuagragith assigned acoates-ms and unassigned acoates-ms Jun 1, 2026
@anuagragith anuagragith requested a review from vmoroz June 2, 2026 19:07
@anuagragith
Copy link
Copy Markdown
Author

@anuagragith please read the following Contributor License Agreement(CLA). If you agree with the CLA, please reply with the following information.

@microsoft-github-policy-service agree [company="{your company}"]

Options:

  • (default - no company specified) I have sole ownership of intellectual property rights to my Submissions and I am not making Submissions in the course of work for my employer.
@microsoft-github-policy-service agree
  • (when company given) I am making Submissions in the course of work for my employer (or my employer has intellectual property rights in my Submissions by contract or applicable law). I have permission from my employer to make Submissions and enter into this Agreement on behalf of my employer. By signing below, the defined term “You” includes me and my employer.
@microsoft-github-policy-service agree company="Microsoft"

Contributor License Agreement

@microsoft-github-policy-service agree company="Microsoft"

@anuagragith anuagragith closed this Jun 2, 2026
@anuagragith anuagragith reopened this Jun 2, 2026
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.

3 participants