Errors with Upgrade to 0.68-preview

[chiaramooney]

Problem Description

After upgrading to 0.68.0-preivew.1 Gallery is hitting the following errors.

Seems like the new way of adding CppWinrt with packagereference isn't playing well with ReactNativeXaml and that a series of other modules are unable to build because of something to do with the UAP framework.

Steps To Reproduce

Upgrade gallery to 0.68 preview.

Expected Results

Successful build.

CLI version

7.0.1

Environment

info Fetching system and libraries information...
System:
    OS: Windows 10 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i7-9700K CPU @ 3.60GHz
    Memory: 49.50 GB / 63.84 GB
  Binaries:
    Node: 16.13.2 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
    Watchman: Not Found
  SDKs:
    Android SDK:
      API Levels: 28, 29, 30
      Build Tools: 28.0.3, 29.0.2, 29.0.3, 30.0.2, 30.0.3
      System Images: android-29 | Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom, android-29 | Google Play Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
    Windows SDK:
      AllowDevelopmentWithoutDevLicense: Enabled
      AllowAllTrustedApps: Enabled
      Versions: 10.0.18362.0, 10.0.19041.0
  IDEs:
    Android Studio: Version  4.1.0.0 AI-201.8743.12.41.7199119
    Visual Studio: 16.9.32002.222 (Visual Studio Enterprise 2019)
  Languages:
    Java: 1.8.0_282
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2
    react-native: 0.68.0-rc.1 => 0.68.0-rc.1
    react-native-windows: 0.68.0-preview.1 => 0.68.0-preview.1
  npmGlobalPackages:
    *react-native*: Not Found

Target Platform Version

10.0.19041

Target Device(s)

Desktop

Visual Studio Version

No response

Build Configuration

Debug

Snack, code example, screenshot, or link to a repository

No response

[chiaramooney]

@NickGerleman fyi for release status.

[NickGerleman]

cc @JunielKatarn

[JunielKatarn]

@NickGerleman Will look into it.

@chiaramooney I am not familiar with the RN gallery.
Could you please add precise steps to reproduce the issue?

At a first glance, it looks like a configuration issue.
Some build properties may need to be updated when adopting 0.68.

[NickGerleman]

I think @tido64 ran into a similar issue.

[NickGerleman]

@JunielKatarn this is the repo for react native gallery. https://github.com/microsoft/react-native-gallery
@chiaramooney, could you publish your local state as a draft PR? That would help give Julio a way to locally reproduce the issue you are seeing.

[tido64]

I've hit the same issue on this branch: microsoft/react-native-test-app#windows-support-0.68

I've tried the following without success:

• Running yarn windows
• Building in Visual Studio 2019/2022 (on two different Windows machines)
• The MSBuild steps detailed in Document mixed PackageReference and packages.config projects react-native-windows-samples#628

Update: yarn windows works. But only as long as you never open the solution file in Visual Studio and try to build there.

[jonthysell]

@chiaramooney can you upload a draft PR of the upgrade so we can take a look at it?

[chiaramooney]

@NickGerleman @JunielKatarn Here's the PR! microsoft/react-native-gallery#193