Revert throttling of useValue and useStateTracking. (#3129)

Reverts the changes to the `state` package that were made in #2977.
Should fix the issue with shape jittering discovered during QA.


### Change Type

- [x] `patch` — Bug fix
- [ ] `minor` — New feature
- [ ] `major` — Breaking change
- [ ] `dependencies` — Changes to package dependencies[^1]
- [ ] `documentation` — Changes to the documentation only[^2]
- [ ] `tests` — Changes to any test code only[^2]
- [ ] `internal` — Any other changes that don't affect the published
package[^2]
- [ ] I don't know

[^1]: publishes a `patch` release, for devDependencies use `internal`
[^2]: will not publish a new version

### Test Plan

1. Create some shapes (draw shapes work well).
2. Open the same room in a second browser.
3. Resize shapes (using option / alt makes it more obvious).
4. The shapes should not jitter in any of the screens.

packages/state/package.json

@@ -52,9 +52,6 @@
 			"node_modules/(?!(nanoid)/)"
 		]
 	},
-	"dependencies": {
-		"@tldraw/utils": "workspace:*"
-	},
 	"devDependencies": {
 		"@types/lodash": "^4.14.188",
 		"@types/react": "^18.2.47",

packages/state/src/lib/react/useStateTracking.ts

@@ -1,4 +1,3 @@
-import { fpsThrottle } from '@tldraw/utils'
 import React from 'react'
 import { EffectScheduler } from '../core'
 
@@ -27,9 +26,9 @@ export function useStateTracking<T>(name: string, render: () => T): T {
 			() => renderRef.current?.(),
 			// this is what will be invoked when @tldraw/state detects a change in an upstream reactive value
 			{
-				scheduleEffect: fpsThrottle(() => {
+				scheduleEffect() {
 					scheduleUpdate?.()
-				}),
+				},
 			}
 		)
 

packages/state/src/lib/react/useValue.ts

@@ -1,5 +1,4 @@
 /* eslint-disable prefer-rest-params */
-import { throttleToNextFrame } from '@tldraw/utils'
 import { useMemo, useRef, useSyncExternalStore } from 'react'
 import { Signal, computed, react } from '../core'
 
@@ -82,16 +81,10 @@ export function useValue() {
 		const { subscribe, getSnapshot } = useMemo(() => {
 			return {
 				subscribe: (listen: () => void) => {
-					return react(
+					return react(`useValue(${name})`, () => {
-						`useValue(${name})`,
+						$val.get()
-						() => {
+						listen()
-							$val.get()
+					})
-							listen()
-						},
-						{
-							scheduleEffect: throttleToNextFrame,
-						}
-					)
 				},
 				getSnapshot: () => $val.get(),
 			}

packages/state/tsconfig.json

@@ -5,10 +5,5 @@
 	"compilerOptions": {
 		"outDir": "./.tsbuild",
 		"rootDir": "src"
-	},
+	}
-	"references": [
-		{
-			"path": "../utils"
-		}
-	]
 }

yarn.lock

@@ -7356,7 +7356,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@tldraw/state@workspace:packages/state"
   dependencies:
-    "@tldraw/utils": "workspace:*"
     "@types/lodash": "npm:^4.14.188"
     "@types/react": "npm:^18.2.47"
     "@types/react-test-renderer": "npm:^18.0.0"