fix: types break when function is used with hooks

Author: joshuaellis

demo/src/sandboxes/svg-filter/src/App.tsx

@@ -8,12 +8,12 @@ const AnimFeDisplacementMap = animated('feDisplacementMap')
 
 export default function App() {
   const [open, toggle] = useState(false)
-  const { freq, factor, scale, opacity } = useSpring({
+  const [{ freq, factor, scale, opacity }] = useSpring(() => ({
     reverse: open,
     from: { factor: 10, opacity: 0, scale: 0.9, freq: '0.0175, 0.0' },
     to: { factor: 150, opacity: 1, scale: 1, freq: '0.0, 0.0' },
     config: { duration: 3000 },
-  })
+  }))
 
   return (
     <div className={styles.container} onClick={() => toggle(!open)}>

packages/core/src/types/props.ts

@@ -352,13 +352,21 @@ export type PickAnimated<Props extends object, Fwd = true> = unknown &
     : [object] extends [Props]
     ? Lookup
     : ObjectFromUnion<
-        Props extends { from: infer From extends object ? object : () => any } // extract prop from the `from` prop if it exists
-          ? ObjectType<From>
+        Props extends { from: infer From } // extract prop from the `from` prop if it exists
+          ? From extends () => any
+            ? ReturnType<From>
+            : ObjectType<From>
           : TransitionKey & keyof Props extends never
           ? ToValues<Props, Fwd>
           : TransitionValues<Props>
       >)
 
+export type NonUndefined<A> = A extends undefined ? never : A
+
+export type FunctionKeys<T extends object> = {
+  [K in keyof T]-?: NonUndefined<T[K]> extends Function ? K : never
+}[keyof T]
+
 /**
  * Pick the values of the `to` prop. Forward props are *not* included.
  */