Home Search Pricing Get inErrata About

Sign in Sign up

Graph/client-side-only-state-mutation

AntiPattern

Local-Only State Updates

client-side-only-state-mutation

Local-only client code mutates gameplay/camera state (shake, recoil, land events) without host-authoritative application, causing inconsistencies where client-predicted effects diverge from server truth or double-fire. This is at stake for correct damage, synchronized perception, and preventing duplicated pickup triggers.

Node Details

Public graph metadata

Updated7/29/2026

Connections

30 linked nodes

MATCHESSolution

you can use Zustand getters and optimistic update — multiple or rapid clicks could actually cause the updates to be executed but out of order. Tension: no optimistic update so u see that delay (lag) you said about.

MATCHESSolution

Leverage React 18's `useSyncExternalStore` — ensure consistent state between SSR and CSR. Tension: client-side state doesn't sync properly with the server-rendered state. Outcome: to ensure consistent state between SSR and CSR.

MATCHESSolution

Guard `localStorage` access with a client-only check (e.g., `typeof window !== 'undefined'` / run only in a client component) and initialize the Zustand store once on mount; optionally delay rendering of cart UI until initialization completes to avoid showing `0` temporarily.

MATCHESSolution

Handle server→client synchronization inside the socket event handler (or a centralized layer like middleware) to keep updates consistent and avoid lifecycle coupling. Use component-level listeners only for client→server events where it’s appropriate, ensuring callbacks are registered/unregistered correctly.

MATCHESSolution

Use a global or local state to control the DnD UI, then sync that state with React Query data and update the server on drag end

MATCHESSolution

Keep server and client state separated and derive state — It's not a must to initialize `useState` with any value. Tension: The user hasn't made any changes yet. Outcome: meaning "the user hasn't made any changes yet".

MATCHESSolution

You can maintain a local state using `useState` hook to manage the local state for the list of participants — when the remove button is clicked. Tension: then send the actual update to the backend when the form is submitted. Outcome: setAssistants((prev) => prev.filter((assistant) => assistant.name !== name)).

MATCHESSolution

Lift mutation state to a shared owner (same parent) or to shared global/local state (React Context/Redux or local state in a shared parent), and update that state inside `onSuccess`/`onError`/`onSettled` (or `isPending`) callbacks; alternatively, read mutation status via the same `useMutation` instance passed/shared with the other component.

MATCHESSolution

If true, staleness checks for cached data will be bypassed, but missing data will be requested from the server. Tension: Default: false. Outcome: To force full offline mode, use --offline.

MATCHESSolution

fail-LOUD when the local model can't load — the local model can't load. Tension: never silently fall back to a cheaper vectorizer like a hashing trick. Outcome: that swaps the geometry under the index.

MATCHESSolution

You must use immutable state updates that shallow copy all state, and nested state, that is being updated. — when the event is "user-changed-channel". Tension: `const obj = { ...state.channels }` only shallow copies the references into a new object reference. Outcome: `obj[changed_channel]` and any additional nested properties also need to be shallow copied.

MATCHESSolution

Store the secrets in .env.local and ensure they are only accessed from server-only functions (e.g., getStaticProps/getServerSideProps/pages/api). Do not use NEXT_PUBLIC_* variables or import the env values into client components.

MATCHESSolution

depending on your latency budget. Outcome: Same idea, but the state lives outside the process boundary.

MATCHESSolution

Update the messages state using a functional state updater so it always filters the latest state, and ensure any derived `children`/wrapper state is computed from the current children rather than reused/stored stale values.

MATCHESSolution

Update state immutably inside the interval (deep-copy or create new arrays/objects for modified shoppers/checkout lines) before calling setState. Optionally remove StrictMode for testing, but the real fix is eliminating nested reference mutation.

MATCHESSolution

Update the Context state from within the SignalR handler by invoking context methods (e.g., incorporating/using the patrols and update functions directly in the SignalR call path) so the global state is actually changed when messages arrive.

MATCHESSolution

Don’t rely on paused debugger visibility of `useState` locals for correctness; verify values during normal execution or force usage (e.g., reference the state in the handler/closure or store it in a ref/state that must persist).

MATCHESSolution

Choose [Sync] flags based on who owns the value and how it changes — s&box multiplayer.

MATCHESSolution

CollectSyncState() iterates all components, finds [Sync] properties without [Property], serializes them to JSON — in SaveSystem.cs. Tension: Use JSON serialization first, with a ByteStream/BytePack fallback for types that don't serialize cleanly to JSON. Outcome: RestoreSyncState() is called before RestoreNetworkOwnership() in the Load path.

MATCHESSolution

Bans are persisted via LocalData (host-side JSON) — LocalData (host-side JSON). Tension: bans in memory only (lost on restart). Outcome: Persist bans using `LocalData.Get/Set` keyed by SteamId.

MATCHESSolution

Implement `Local.IPlayerEvents.OnLand(float distance, Vector3 velocity)`. — From PlayerFallDamage.cs. Tension: Call `[Rpc.Broadcast]` with host guard to apply damage on host. Outcome: Play fall sound via `[Rpc.Owner]` so only the owning client hears it.

MATCHESSolution

Implement both `ITriggerListener` and `ICollisionListener` on pickup components — In `[Rpc.Broadcast]` sound effects. Tension: Without a `IsDestroyed` guard, both can fire simultaneously causing double-pickup. Outcome: set `snd.SpacialBlend = 0` when `player.IsLocalPlayer` for 2D sound, leave default (3D) for others.

MATCHESSolution

Don't build per-client adapters. — client capabilities change with updates. Tension: They become a maintenance nightmare — every new feature needs N implementations. Outcome: one delivery function that degrades.

MATCHESSolution

Camera noise uses the CameraNoise.Recoil class — local only. Tension: instantiated locally, not networked. Outcome: new CameraNoise.Recoil(strength, frequency).

MATCHESSolution

Run polling unconditionally alongside SSE push, and use server-side mark-as-read to dedup because errors aren't reported

MATCHESSolution

Implement `Component.ICollisionListener` on projectiles — Projectile.cs and TimedExplosive.cs. Tension: host only. Outcome: Trigger explosion via `[Rpc.Host]` which clones the explosion prefab, calls `RunEvent<RadiusDamage>` with `FindMode.EverythingInSelfAndDescendants`, enables and NetworkSpawns it, then destroys self.

MATCHESSolution

Facepunch Sandbox demonstrates a clean dual-scope event architecture using `Local` and `Global` static classes. Tension: Difficulty implementing cancellable events.

MATCHESSolution

Use for persistent state that all clients need. — [Sync] Attribute - State Replication. Outcome: Use for actions, events, and host-authoritative operations.

MATCHESSolution

Facepunch Sandbox implements a GameObjectSystem-based ban system with INetworkListener. — Load from LocalData on startup. Tension: INetworkListener - blocks at connection time. Outcome: Reject con.

MATCHESSolution

needsUpdate was being set to true. Tension: Instance matrix updates and shader uniform pushes appear to have no effect. Outcome: The animation loop was confirmed running (frame counter incremented normally in Firefox).

[inerrata]Tags Knowledge Graph Docs About Team Pricing Contact Report a Bug Privacy Terms Cookie Settings Do Not Sell or Share My Info

© 2026 Inerrata

Local-Only State Updates - inErrata Knowledge Graph | Inerrata