React 19 upgrade

.github/workflows/ci.yml

@@ -6,6 +6,7 @@ on:
   pull_request:
     branches:
       - main
+      - next
   merge_group:
     types:
       - checks_requested
@@ -190,15 +191,14 @@ jobs:
       - name: Install Android SDK
         run: |
           echo "sdk.dir=$ANDROID_HOME" > $GITHUB_WORKSPACE/apps/paper/android/local.properties
-          echo "sdk.dir=$ANDROID_HOME" > $GITHUB_WORKSPACE/apps/fabric/android/local.properties
 
       - name: Cache Gradle
         uses: actions/cache@v3
         with:
           path: |
             ~/.gradle/wrapper
             ~/.gradle/caches
-          key: ${{ runner.os }}-gradle-${{ hashFiles('./apps/paper/android/gradle/wrapper/gradle-wrapper.properties') }}-${{ hashFiles('./apps/fabric/android/gradle/wrapper/gradle-wrapper.properties') }}
+          key: ${{ runner.os }}-gradle-${{ hashFiles('./apps/paper/android/gradle/wrapper/gradle-wrapper.properties') }}
           restore-keys: |
             ${{ runner.os }}-gradle-
 
@@ -272,7 +272,7 @@ jobs:
       #   run: echo "PACKAGE_NAME=${{ env.PACKAGE_NAME }}" >> $GITHUB_ENV
       - name: Launch APK
         env:
-          PACKAGE_NAME: ${{ matrix.working-directory == 'fabricexample' && 'com.fabricexample' || 'com.paper' }}  
+          PACKAGE_NAME: 'com.paper'
         run: adb shell monkey -p ${{ env.PACKAGE_NAME }} 1  
 
       # On fabric, the system fonts are slightly different

apps/docs/docs/shapes/atlas.md

@@ -47,7 +47,7 @@ rsxForm = Skia.RSXformFromRadians(1, r, 100, 0, 125, 25);
 In the example below, we draw in simple rectangle as an image.
 Then we display that rectangle 150 times with a simple transformation applied to each rectangle.
 
-```tsx twoslash
+```tsx
 import {Skia, drawAsImage, Group, Rect, Canvas, Atlas, rect} from "@shopify/react-native-skia";
 
 const size = { width: 25, height: 11.25 };
@@ -56,7 +56,7 @@ const imageSize = {
     width: size.width + strokeWidth,
     height: size.height + strokeWidth,
 };
-const image = drawAsImage(
+const image = await drawAsImage(
     <Group>
     <Rect
         rect={rect(strokeWidth / 2, strokeWidth / 2, size.width, size.height)}

apps/docs/docs/snapshot-views.md

@@ -18,7 +18,7 @@ If the view is optimized away, `makeImageFromView` will crash or return the wron
 
 
 
-```tsx twoslash
+```tsx
 import { useState, useRef } from "react";
 import { View, Text, PixelRatio, StyleSheet, Pressable } from "react-native";
 import type { SkImage } from "@shopify/react-native-skia";

apps/docs/package.json

@@ -27,11 +27,11 @@
     "file-loader": "^6.2.0",
     "its-fine": "^1.0.8",
     "prism-react-renderer": "^1.2.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.75.2",
-    "react-native-gesture-handler": "^2.18.1",
-    "react-native-reanimated": "^3.15.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-native": "0.78.0",
+    "react-native-gesture-handler": "^2.24.0",
+    "react-native-reanimated": "3.17.1",
     "url-loader": "^4.1.1"
   },
   "devDependencies": {