Merge branch 'feat/spring-class' of https://github.com/react-spring/react-spring into feat/spring-class

Author: dbismut

packages/core/src/types/objects.ts

@@ -41,7 +41,7 @@ export type Springify<T> = Lookup<SpringValue<unknown> | undefined> &
 /**
  * The set of `SpringValue` objects returned by a `useSpring` call (or similar).
  */
-export type SpringValues<T extends object = any> = [T] extends [Any]
+export type SpringValues<T extends Lookup = any> = [T] extends [Any]
   ? Lookup<SpringValue<unknown> | undefined> // Special case: "any"
   : { [P in keyof T]: SpringWrap<T[P]> }
 

packages/core/src/types/transition.ts

@@ -121,7 +121,7 @@ export type TransitionHandle<State extends Lookup = UnknownProps> = Merge<
 
 /** The function returned by `useTransition` */
 export interface TransitionFn<Item = any, State extends object = any> {
-  (render: TransitionRenderFn<Item, State>): ReactNode[]
+  (render: TransitionRenderFn<Item, State>): JSX.Element
 }
 
 export interface TransitionRenderFn<Item = any, State extends object = any> {

packages/shared/package.json

@@ -10,10 +10,10 @@
     "directory": "dist"
   },
   "dependencies": {
+    "@alloc/types": "^1.2.1",
     "fluids": "^0.1.6"
   },
   "devDependencies": {
-    "@alloc/types": "^1.2.1",
     "typescript": "file:../../node_modules/typescript"
   }
 }

packages/shared/src/FrameLoop.ts

@@ -1,6 +1,7 @@
 import { FrameRequestCallback } from './types'
 import * as G from './globals'
 
+declare const console: any
 declare const process:
   | { env: { [key: string]: string | undefined } }
   | undefined
@@ -104,7 +105,7 @@ export class FrameLoop {
         // To minimize frame skips, the frameloop never stops.
         if (lastTime == 0) {
           lastTime = G.now()
-          requestFrame(update)
+          requestFrame(catchErrors(update))
         }
       }
     }
@@ -183,7 +184,7 @@ export class FrameLoop {
       }
 
       lastTime = time
-      requestFrame(update)
+      requestFrame(catchErrors(update))
     })
 
     this.start = animation => {
@@ -229,3 +230,13 @@ function findIndex<T>(arr: T[], test: (value: T) => boolean) {
   const index = arr.findIndex(test)
   return index < 0 ? arr.length : index
 }
+
+function catchErrors(effect: () => void) {
+  return () => {
+    try {
+      effect()
+    } catch (e) {
+      console.error(e)
+    }
+  }
+}

targets/native/package.json

@@ -15,6 +15,7 @@
     "react-native": ">=0.58"
   },
   "devDependencies": {
+    "@types/react": "~16.9.0",
     "@types/react-native": "~0.57.0",
     "react-native": "~0.58.0"
   },