Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

RTK Query UseLazyQuery trigger: how to get the correct type?

I need to get correct typing for trigger, that I'm passing to the child component, cannot find how to type it.

...      
const [trigger] = useLazyGetQuery();
...
<ChildComponent trigger={trigger} />
...

Child component where I need to type somehow RTK query trigger except any:

export const ChildComponent = ({ trigger }: { trigger: any }) => {...}
like image 531
Kostya GL Avatar asked Jan 27 '26 09:01

Kostya GL


1 Answers

I found correct type:

import { LazyQueryTrigger } from "@reduxjs/toolkit/dist/query/react/buildHooks";
import {
  BaseQueryFn,
  FetchArgs,
  FetchBaseQueryError,
  FetchBaseQueryMeta,
  QueryDefinition,
} from "@reduxjs/toolkit/query";
import { IDemoRequest } from "../../../../../../../modules/Demo/apis/interfaces/IDemoRequest";

export type LazyGetTriggerType = LazyQueryTrigger<
  QueryDefinition<
    IDemoRequest,            // Request parameters type
    BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, object, FetchBaseQueryMeta>,
    never,
    number[],                // Response type
    "api"                    // Your reducerPath
  >
>;

Change any to LazyGetTriggerType

export const ChildComponent = ({ trigger }: { trigger: LazyGetTriggerType }) => {...}
like image 183
Kostya GL Avatar answered Jan 30 '26 02:01

Kostya GL



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!