v3 fails to build (TypeScript definitions error)

[mrlubos]

Hey! When I go to upgrade from 2.26.4 to 3.x, I see the following TypeScript error in my build.

12:07:14 PM: Argument of type '((query: MyQuery1) => Promise<string>) | ((query: MyQuery2) => Promise<string>)' is not assignable to parameter of type 'QueryFunction<string>'.
12:07:14 PM:   Type '(query: MyQuery1) => Promise<MyQuery1Result>' is not assignable to type 'QueryFunction<string>'.
12:07:14 PM:     Types of parameters 'query' and 'context' are incompatible.
12:07:14 PM:       Type 'QueryFunctionContext<any, any>' is missing the following properties from type 'MyQuery1': params, url  TS2345
12:07:14 PM:     56 |       },
12:07:14 PM:     57 |     }),
12:07:14 PM:   > 58 |     queryFn,
12:07:14 PM:        |     ^
12:07:14 PM:     59 |     {
12:07:14 PM:     60 |       enabled,
12:07:14 PM:     61 |     },
12:07:14 PM: error Command failed with exit code 1.

This worked OK until v3, any advice what to do? Thanks!

EDIT: This is how I define queryFn

const queryFn = useMemo(() => {
  switch (type) {
    case '1':
      return getMyQuery1;
    case '2':
      return getMyQuery2;
    case '3':
    default:
      return getMyQuery3;
  }
}, [type]);

[TkDodo]

I think this depends how your useQuery call looks like. This code alone doesn't help I'm afraid. A codesandbox example would be best.

[boschni]

Think it is because the query functions do not expect the new query context: https://react-query.tanstack.com/guides/migrating-to-react-query-3#query-key-partspieces-are-no-longer-automatically-spread-to-the-query-function

[mrlubos]

Hey thanks @boschni, that looks like the solution. Quite a lengthy checklist before migrating!