Silo

Function: useServiceState() ​

ts
function useServiceState<T>(service): T;

Defined in: packages/sdk/src/use-service-state.ts:38

Subscribe a React component to a ctx service's reactive state. Returns the service's current state and re-renders when it changes — the one blessed way to read service state in an extension. Use it for every domain (workspaces, layout, theme, …) rather than re-implementing the useSyncExternalStore boilerplate per call site.

Type Parameters ​

T ​

T

Parameters ​

service ​

ReactiveService<T>

Returns ​

T

Example ​

tsx
function Panel({ ctx }: { ctx: ExtensionContext }) {
  const ws = useServiceState(ctx.workspaces);
  return <span>{ws.open.length} open workspaces</span>;
}