Sveltejs Academy · Lesson

Typed Context with TypeScript

Create typed context keys and values for safer code with TypeScript.

Why Type Context

Untyped context is a runtime hazard. Typing makes consumers and providers stay in sync.

Create a unique symbol key and a Type for the value.

const themeKey: unique symbol = Symbol();
type Theme = { color: string };