conscious-sapphire

Wrapper around injectQuery

Has anyone been able to create a wrapper around injectQuery? I want to extend the query so that it has some more methods. Doing a simple shallow copy of the query works well:

const q = injectQuery(optionsFn)
const extendedQuery = {
  ...q,
}

if (extendedQuery.isSuccess()) {
  extendedQuery.data() // T
}

const q = injectQuery(optionsFn)
const extendedQuery = {
  ...q,
}

if (extendedQuery.isSuccess()) {
  extendedQuery.data() // T
}

But as soon as I add a simple method, the type predicates just seems to be broken:

const qs = injectQuery(optionsFn)
const extendedQuery = {
  ...q,
  test: () => true
}

if (extendedQuery.isSuccess()) {
  extendedQuery.data() // T | undefined
}

const qs = injectQuery(optionsFn)
const extendedQuery = {
  ...q,
  test: () => true
}

if (extendedQuery.isSuccess()) {
  extendedQuery.data() // T | undefined
}

2 Replies

genetic-orange•9mo ago

Wrappers and maintaining good typing are indeed a challenge. What are you trying to achieve with the extra methods? Maybe there's a better way.

conscious-sapphireOP•9mo ago

I successfully did it, it was a mess but I end up getting something that I’m happy with 😂 I’ll explain it tomorrow, I will go to sleep now.

Gaming

Programming

Wrapper around injectQuery

Did you find this page helpful?