Upgrade React Native 0.68.1 to 0.69.0-rc.0 and React 18 w New Arch

[leotm]

Including

• React 18.0 -> 18.1 with @types/react (not yet supported)
• TypeScript 4.6 nightly to 4.7 beta (unofficial) while at it, fixing React 18 children type errors
  • consider types-react-codemod
  • App.tsx - Section needs type for "children" react-native-community/react-native-template-typescript#268
• remaining IPHONEOS_DEPLOYMENT_TARGET 11.0 to 12.4 bumps forgot earlier
• missed OTHER_CPLUSPLUSFLAGS

---

React Native 0.69.0-rc0 Android and iOS Debug builds both generally working well locally on M1 MBP sims/AVDs, w unsupported

• Monterey 12.4 Beta 4
• Android
  • NDK 25 beta/rc 3-4
  • cmake 3.22.1

Testing

• pod install
  • ENV['RCT_NEW_ARCH_ENABLED'] = '1', :hermes_enabled => true, :fabric_enabled => true, flipper 0.138
  • hermes ~40m Road to 0.69.0 reactwg/react-native-releases#21 (comment)
    • Road to 0.69.0 reactwg/react-native-releases#21 (reply in thread)
• same 2 warnings Road to 0.69.0 reactwg/react-native-releases#21 (comment)
  • Native Component 'AndroidHorizontalScrollContentView' that calls codegenNativeComponent was not code generated at build time. Please check its definition.
  • Native Component 'SafeAreaView' that calls codegenNativeComponent ...
• same iOS warning only w Storybook v6a Road to 0.69.0 reactwg/react-native-releases#21 (comment)
  • Invariant Violation: ViewPropTypes has been removed from React Native. facebook/react-native#33734
• nw_socket_handle_socket_event SO_ERROR fixed w yarn ios instead of via Xcode (13.3.1)
• export default App only so StorybookUIRoot not parsed

No GitHub Actions macos-12 iOS CI yet, test mikehardy/buildcache-action@v1

---

Ubuntu 20.04, Gradle 7.4.2 (not yet supported), NDK 23.1.7779620 (not yet supported)

[CXX1300] CMake '3.22.1' was not found in SDK, PATH, or by cmake.dir property.
[CXX1301] - CMake '3.23.1' found in PATH did not satisfy requested version.
[CXX1301] - CMake '3.10.2' found in SDK did not satisfy requested version.
[CXX1301] - CMake '3.18.1' found in SDK did not satisfy requested version.
[CXX1300] CMake '3.22.1' was not found in SDK, PATH, or by cmake.dir property.
[CXX1301] - CMake '3.23.1' found in PATH did not satisfy requested version.
[CXX1301] - CMake '3.10.2' found in SDK did not satisfy requested version.
[CXX1301] - CMake '3.18.1' found in SDK did not satisfy requested version.

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring project ':ReactAndroid'.
> Failed to notify project evaluation listener.
   > [CXX1300] CMake '3.22.1' was not found in SDK, PATH, or by cmake.dir property.
   > Could not get unknown property 'configureCMakeDebug' for project ':ReactAndroid' of type org.gradle.api.Project.

RN cmake_minimum_required(VERSION 3.13)
Hermes cmake_minimum_required(VERSION 3.13)

So Ubuntu /sdk/cmake has

• 3.10.2 (below required)
• 3.18.1 (satisfied)
• 3.22.1 (missing, needed for NDK 23.1.7779620)
• 3.23.1 (satisfied)

cmake_minimum_required(VERSION 3.22.1)

# /usr/local/lib/android/sdk/cmake/3.22.1
# https://cmake.org/files/v3.12/cmake-3.12.3-Linux-x86_64.tar.gz
# https://github.com/Kitware/CMake/releases/download/v3.23.1/cmake-3.23.1-linux-aarch64.tar.gz
wget https://github.com/Kitware/CMake/releases/download/v3.23.1/cmake-3.23.1-linux-x86_64.tar.gz
tar xzf cmake-3.23.1-linux-x86_64.tar.gz
rm -rf cmake-3.23.1-linux-x86_64.tar.gz
cp -rf cmake-3.23.1-linux-x86_64/* /usr/local/lib/android/sdk/cmake/3.22.1
cd cmake-3.23.1-linux-x86_64
./bin/cmake --version

• androidx > NDK 23.1.7779620 pairs w CMake 3.22.1
• Android NDK 23b LTS Compile Error  opencv/opencv#21438
  • https://gitlab.kitware.com/cmake/cmake/-/issues/23108
    • https://android-review.googlesource.com/c/platform/ndk/+/1951676

• Ensure other ndk's work not in ndk-bundle, then revert forced ndkVersion
• NDK 23 w CMake 3.22.1 Debug fine, Release failing

> Task :app:bundleReleaseJsAndAssets FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:bundleReleaseJsAndAssets'.
> Process 'command 'node'' finished with non-zero exit value 1

• Recent similar
• Revert NDK to 2124
• Revert Gradle to 7.3.3 Same as below Might rly need to revert
• [ ] clean?
• react etc 18.0.0
• [ ] metro-react-native-babel-preset 70.1 70.3 in 0.69.0-rc1
  • [ ] resolution babel/core 7.13.10?
• React Native 0.69.0-rc1
• hermes false fixes gradle node_modules/.../hermes-related missing (sync or multiple cleans, debug)
• newArch false fixes gradle node_modules/.../prefab missing (sync or multiple cleans, debug)
• [ ] flipper false
• cp index.ts index.js
• Redefine Metro entryfile TypeScript file ext
• [ ] Revert AGP 7.3.0-alpha09 to 7.1.1 (7.0.4 pre)
  • Careful RE Google AGP 7.1.1 issue
• Fix static analysis
  • Types
  • Linting
  • Jest snapshot

• Doc https://reactnative.dev/docs/build-speed#xcode-specific-setup perf metrics