More docs and annotations

packages/r3f/src/components/ProxyManager.tsx

@@ -218,6 +218,10 @@ const ProxyManager: VFC<ProxyManagerProps> = ({orbitControlsRef}) => {
     })
   }, [viewportShading, renderMaterials, sceneProxy])
 
+  const scrub = useMemo(() => {
+    return studio.debouncedScrub(1000)
+  }, [selected, editableProxyOfSelected])
+
   if (!sceneProxy) {
     return null
   }
@@ -235,7 +239,7 @@ const ProxyManager: VFC<ProxyManagerProps> = ({orbitControlsRef}) => {
             const sheetObject = editableProxyOfSelected.sheetObject
             const obj = editableProxyOfSelected.object
 
-            studio.transaction(({set}) => {
+            scrub.capture(({set}) => {
               set(sheetObject.props, {
                 position: {
                   x: obj.position.x,

packages/r3f/src/components/RefreshSnapshot.tsx

@@ -8,7 +8,7 @@ import useRefreshSnapshot from './useRefreshSnapshot'
  * Alternatively you can use
  * @link useRefreshSnapshot()
  *
- * @example
+ * Usage
  * ```jsx
  * <Suspense fallback={null}>
  *  <RefreshSnapshot />

packages/r3f/src/components/useRefAndState.ts

@@ -4,8 +4,8 @@ import {useMemo, useState} from 'react'
 /**
  * Combines useRef() and useState().
  *
- * @example
- * ```typescript
+ * Usage:
+ * ```ts
  * const [ref, val] = useRefAndState<HTMLDivElement | null>(null)
  *
  * useEffect(() => {