Merge branch 'main' into fix/building-from-source

Author: hannojg

docs/docs/shaders/language.md

@@ -8,6 +8,7 @@ slug: /shaders/overview
 Skia provides a shading language.
 You can play with it [here](https://shaders.skia.org/).
 The syntax is very similar to GLSL.
+If you're already familiar with GLSL, or are looking to convert a GLSL shader to SKSL, you can view a list of their differences [here](https://github.com/google/skia/tree/main/src/sksl#readme).
 
 The first step is to create a shader and compile it using `RuntimeEffect.Make`.
 

package/android/cpp/rnskia-android/SkiaOpenGLSurfaceFactory.h

@@ -89,8 +89,8 @@ class WindowSurfaceHolder {
 
     // Check for exceptions
     if (env->ExceptionCheck()) {
-      RNSkLogger::logToConsole(
-          "updateTexImage() failed. The exception above can safely be ignored");
+      RNSkLogger::logToConsole("updateAndRelease() failed. The exception above "
+                               "can safely be ignored");
       env->ExceptionClear();
     }
   }
@@ -162,4 +162,4 @@ class SkiaOpenGLSurfaceFactory {
   }
 };
 
-} // namespace RNSkia
+} // namespace RNSkia

package/src/external/reanimated/interpolators.ts

@@ -1,5 +1,9 @@
-import type { ExtrapolationType, SharedValue } from "react-native-reanimated";
-import { useMemo } from "react";
+import type {
+  ExtrapolationType,
+  FrameInfo,
+  SharedValue,
+} from "react-native-reanimated";
+import { useMemo, useRef } from "react";
 
 import type { SkPath, SkPoint } from "../../skia/types";
 import { interpolatePaths, interpolateVector } from "../../animation";
@@ -19,9 +23,11 @@ export const notifyChange = (value: SharedValue<unknown>) => {
 
 export const useClock = () => {
   const clock = useSharedValue(0);
-  useFrameCallback((info) => {
+  const callback = useRef((info: FrameInfo) => {
+    "worklet";
     clock.value = info.timeSinceFirstFrame;
-  });
+  }).current;
+  useFrameCallback(callback);
   return clock;
 };