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
Returns
T
Example
tsx
function Panel({ ctx }: { ctx: ExtensionContext }) {
const ws = useServiceState(ctx.workspaces);
return <span>{ws.open.length} open workspaces</span>;
}