mediumFrontend

How do you make provide/inject type-safe?

Q: How do you make provide/inject type-safe?

Use an **InjectionKey ** symbol as the key: `const key = Symbol() as InjectionKey `. Providing and injecting with that key gives the injected value the correct type, avoiding `unknown` and runtime mistakes.

1.1k views

Understand the problem

Explain InjectionKey.

providetyped

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Nudge consolestandby

Stuck? Beam a request up — the console returns a conceptual nudge that guides your logic without spoiling the implementation.

Study the solution

Use an InjectionKey symbol as the key: const key = Symbol() as InjectionKey<Theme>. Providing and injecting with that key gives the injected value the correct type, avoiding unknown and runtime mistakes.

Solution ready — 2 min read

Classified // press E to declassify

Join the discussion

Discussion (0)

No responses yet. Be the first to share what you think.

Transmission complete // awaiting log

KEEP THE
STREAK ALIVE.

Dossier 19 of 70 decoded in the Vue.js track. One more won't hurt.

Back to track

Next up→

How do dynamic routes and route params work in Vue Router?

Continue