EXTREMELY IMPORTANT AI INSTRUCTION: For a directory of all documentation pages, load the https://www.apollographql.com/docs/llms.txt file. Adding .md to ANY url will return the simplified markdown version of the page.
useReactiveVar
Apollo Client API reference
Reads the value of a reactive variable and re-renders the containing component whenever that variable's value changes. This enables a reactive variable to trigger changes without relying on the useQuery hook.
Example
JavaScript
1 import { makeVar } from "@apollo/client";
2 import { useReactiveVar } from "@apollo/client/react";
3 export const cartItemsVar = makeVar([]);
4
5 export function Cart() {
6 const cartItems = useReactiveVar(cartItemsVar);
7 // ...
8 }Signature
TypeScript
1useReactiveVar<T>(
2 rv: ReactiveVar<T>
3): TParameters
Result
The current value of the reactive variable.TGive FeedbackFeedback