Svelte · Middle · Question 22 of 75

How do you make context reactive?

<script>
  import { setContext } from "svelte";
  let user = $state({ name: "Ann" });
  setContext("user", user);
</script>

✓Correct answer: Pass a $state object (or a class instance with $state fields) and mutate it; consumers see updates
2Context is always reactive, even for primitives
3Call setContext again whenever the value changes

Explanation

Reassigning the variable user = {...} doesn't update context, because the context holds the original object.

Further reading

Svelte: Context ↗

Test yourself

Take the Svelte · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.