Skip to content

@statesync/valtio


@statesync/valtio / ValtioSnapshotApplierOptions

Type Alias: ValtioSnapshotApplierOptions<State, Data>

ts
type ValtioSnapshotApplierOptions<State, Data> = 
  | {
  mode?: "patch";
  omitKeys?: ReadonlyArray<keyof State>;
  pickKeys?: ReadonlyArray<keyof State>;
  strict?: boolean;
  toState?: (data, ctx) => Partial<State>;
}
  | {
  mode: "replace";
  omitKeys?: ReadonlyArray<keyof State>;
  pickKeys?: ReadonlyArray<keyof State>;
  strict?: boolean;
  toState?: (data, ctx) => State;
};

Defined in: valtio.ts:58

Configuration options for createValtioSnapshotApplier.

This is a discriminated union on the mode field:

  • When mode is 'patch' (or omitted), toState is expected to return Partial<State>.
  • When mode is 'replace', toState is expected to return the full State.

Type Parameters

Type ParameterDescription
State extends Record<string, unknown>The shape of the Valtio proxy's state object.
DataThe snapshot payload type received from the sync engine. Defaults to State when the snapshot data matches the proxy shape directly.

Type Declaration

ts
{
  mode?: "patch";
  omitKeys?: ReadonlyArray<keyof State>;
  pickKeys?: ReadonlyArray<keyof State>;
  strict?: boolean;
  toState?: (data, ctx) => Partial<State>;
}

mode?

ts
optional mode: "patch";

The apply strategy. Defaults to 'patch'.

  • 'patch': iterates filtered keys and assigns each one directly on the proxy (proxy[key] = value). Keys not in the snapshot are left untouched.
  • 'replace': first deletes allowed keys not present in the new state, then assigns keys present in the new state. The proxy reference remains the same throughout.

Default Value

'patch'

omitKeys?

ts
optional omitKeys: ReadonlyArray<keyof State>;

A denylist of top-level state keys that the applier must never update. All other keys are eligible for synchronization.

Mutually exclusive with pickKeys.

pickKeys?

ts
optional pickKeys: ReadonlyArray<keyof State>;

An allowlist of top-level state keys that the applier is permitted to update. All other keys are left untouched.

Mutually exclusive with omitKeys.

Use this to keep ephemeral or local-only fields (such as UI flags) isolated from remote synchronization.

strict?

ts
optional strict: boolean;

When true, the applier throws if toState returns a non-plain-object value (e.g., null, an array, or a primitive). When false, such values are silently ignored.

Default Value

true

toState()?

ts
optional toState: (data, ctx) => Partial<State>;

Maps raw snapshot data to a state patch object.

Use this when the snapshot payload shape differs from the proxy state shape, or when you need to derive state from the payload plus current proxy state.

Parameters

ParameterTypeDescription
dataDataThe raw snapshot payload from the sync engine.
ctx{ proxy: ValtioProxyLike<State>; }Context object providing access to the target proxy.
ctx.proxyValtioProxyLike<State>-

Returns

Partial<State>

A partial state object whose keys will be assigned to the proxy.

Default Value

Identity cast — treats data as Partial<State>.

ts
{
  mode: "replace";
  omitKeys?: ReadonlyArray<keyof State>;
  pickKeys?: ReadonlyArray<keyof State>;
  strict?: boolean;
  toState?: (data, ctx) => State;
}

mode

ts
mode: "replace";

Use 'replace' mode for a full top-level state swap on the proxy. Allowed keys not present in the incoming snapshot are deleted; the proxy reference itself is never replaced.

omitKeys?

ts
optional omitKeys: ReadonlyArray<keyof State>;

A denylist of top-level state keys that the applier must never update. All other keys are eligible for synchronization.

Mutually exclusive with pickKeys.

pickKeys?

ts
optional pickKeys: ReadonlyArray<keyof State>;

An allowlist of top-level state keys that the applier is permitted to update. All other keys are left untouched.

Mutually exclusive with omitKeys.

strict?

ts
optional strict: boolean;

When true, the applier throws if toState returns a non-plain-object value. When false, such values are silently ignored.

Default Value

true

toState()?

ts
optional toState: (data, ctx) => State;

Maps raw snapshot data to the full next state.

When using 'replace' mode, prefer returning the complete state object to avoid accidentally leaving stale keys behind.

Parameters

ParameterTypeDescription
dataDataThe raw snapshot payload from the sync engine.
ctx{ proxy: ValtioProxyLike<State>; }Context object providing access to the target proxy.
ctx.proxyValtioProxyLike<State>-

Returns

State

The full next state to apply onto the proxy.

Default Value

Identity cast — treats data as State.

Released under the MIT License.