How to share query state using hooks? about villus HOT 2 CLOSED

const PRODUCT_INJECTION_KEY = `PRODUCT_CONTEXT`;
// or this if you want to inject multiple instances at the same time
// const PRODUCT_INJECTION_KEY = (id) => `product_fetched_${id}`;

function useProduct({ id }) {
  const existingCtx = inject(PRODUCT_INJECTION_KEY, null);
  if (existingCtx) {
    return existingCtx;
  }

  // initialization logic for `useQuery`
  const queryCtx = useQuery(...);
  // ...
  provide(PRODUCT_INJECTION_KEY, queryCtx);
  
  return queryCtx;
}