@refinedev/antd 5.5.1 → 5.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/antd",
-  "version": "5.5.1",
+  "version": "5.6.0",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "main": "dist/index.js",
@@ -25,7 +25,7 @@
   "devDependencies": {
     "@refinedev/cli": "^2.1.0",
     "@refinedev/ui-tests": "^1.3.2",
-    "@refinedev/core": "^4.5.10",
+    "@refinedev/core": "^4.8.0",
     "@esbuild-plugins/node-resolve": "^0.1.4",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",

package/src/hooks/fields/useCheckboxGroup/index.ts

@@ -17,17 +17,8 @@ export type UseCheckboxGroupReturnType<TData extends BaseRecord = BaseRecord> =
         queryResult: QueryObserverResult<GetListResponse<TData>>;
     };
 
-/**
- * `useCheckboxGroup` hook allows you to manage an Ant Design {@link https://ant.design/components/checkbox/#components-checkbox-demo-group Checkbox.Group} component when records in a resource needs to be used as checkbox options.
- *
- * @see {@link https://refine.dev/docs/ui-framewors/antd/hooks/field/useCheckboxGroup} for more details.
- *
- * @typeParam TData - Result data of the query extends {@link https://refine.dev/docs/api-references/interfaceReferences#baserecord `BaseRecord`}
- *
- */
-
-type UseCheckboxGroupProps<TData, TError> = Omit<
-    UseSelectProps<TData, TError>,
+type UseCheckboxGroupProps<TQueryFnData, TError, TData> = Omit<
+    UseSelectProps<TQueryFnData, TError, TData>,
     "defaultValue"
 > & {
     /**
@@ -36,9 +27,21 @@ type UseCheckboxGroupProps<TData, TError> = Omit<
     defaultValue?: BaseKey[];
 };
 
+/**
+ * `useCheckboxGroup` hook allows you to manage an Ant Design {@link https://ant.design/components/checkbox/#components-checkbox-demo-group Checkbox.Group} component when records in a resource needs to be used as checkbox options.
+ *
+ * @see {@link https://refine.dev/docs/api-reference/antd/hooks/field/useCheckboxGroup/} for more details
+ *
+ * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`}
+ * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData`
+ *
+ */
+
 export const useCheckboxGroup = <
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
+    TData extends BaseRecord = TQueryFnData,
 >({
     resource,
     sort,
@@ -56,7 +59,11 @@ export const useCheckboxGroup = <
     meta,
     metaData,
     dataProviderName,
-}: UseCheckboxGroupProps<TData, TError>): UseCheckboxGroupReturnType<TData> => {
+}: UseCheckboxGroupProps<
+    TQueryFnData,
+    TError,
+    TData
+>): UseCheckboxGroupReturnType<TData> => {
     const { queryResult, options } = useSelect({
         resource,
         sort,

package/src/hooks/fields/useRadioGroup/index.ts

@@ -16,17 +16,8 @@ export type UseRadioGroupReturnType<TData extends BaseRecord = BaseRecord> = {
     queryResult: QueryObserverResult<GetListResponse<TData>>;
 };
 
-/**
- * `useRadioGroup` hook allows you to manage an Ant Design {@link https://ant.design/components/radio/#components-radio-demo-radiogroup-with-name Radio.Group} component when records in a resource needs to be used as radio options.
- *
- * @see {@link https://refine.dev/docs/ui-frameworks/antd/hooks/field/useRadioGroup} for more details.
- *
- * @typeParam TData - Result data of the query extends {@link https://refine.dev/docs/core/interfaceReferences#baserecord `BaseRecord`}
- *
- */
-
-type UseRadioGroupProps<TData, TError> = Omit<
-    UseSelectProps<TData, TError>,
+type UseRadioGroupProps<TQueryFnData, TError, TData> = Omit<
+    UseSelectProps<TQueryFnData, TError, TData>,
     "defaultValue"
 > & {
     /**
@@ -35,9 +26,21 @@ type UseRadioGroupProps<TData, TError> = Omit<
     defaultValue?: BaseKey;
 };
 
+/**
+ * `useRadioGroup` hook allows you to manage an Ant Design {@link https://ant.design/components/radio/#components-radio-demo-radiogroup-with-name Radio.Group} component when records in a resource needs to be used as radio options.
+ *
+ * @see {@link https://refine.dev/docs/api-reference/antd/hooks/field/useRadioGroup/} for more details.
+ *
+ * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`}
+ * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData`
+ *
+ */
+
 export const useRadioGroup = <
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
+    TData extends BaseRecord = TQueryFnData,
 >({
     resource,
     sort,
@@ -55,7 +58,11 @@ export const useRadioGroup = <
     meta,
     metaData,
     dataProviderName,
-}: UseRadioGroupProps<TData, TError>): UseRadioGroupReturnType<TData> => {
+}: UseRadioGroupProps<
+    TQueryFnData,
+    TError,
+    TData
+>): UseRadioGroupReturnType<TData> => {
     const { queryResult, options } = useSelect({
         resource,
         sort,

package/src/hooks/fields/useSelect/index.ts

@@ -19,16 +19,20 @@ export type UseSelectReturnType<TData extends BaseRecord = BaseRecord> = {
 /**
  * `useSelect` hook allows you to manage an Ant Design {@link https://ant.design/components/select/ Select} component when records in a resource needs to be used as select options.
  *
- * @see {@link https://refine.dev/docs/api-references/hooks/field/useSelect} for more details.
+ * @see {@link https://refine.dev/docs/api-reference/antd/hooks/field/useSelect/} for more details.
  *
- * @typeParam TData - Result data of the query extends {@link https://refine.dev/docs/api-references/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`}
+ * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData`
  *
  */
+
 export const useSelect = <
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
+    TData extends BaseRecord = TQueryFnData,
 >(
-    props: UseSelectProps<TData, TError>,
+    props: UseSelectProps<TQueryFnData, TError, TData>,
 ): UseSelectReturnType<TData> => {
     const { queryResult, defaultValueQueryResult, onSearch, options } =
         useSelectCore(props);

package/src/hooks/form/useDrawerForm/useDrawerForm.ts

@@ -27,8 +27,9 @@ export type UseDrawerFormProps<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormPropsCore<TData, TError, TVariables> &
-    UseFormProps<TData, TError, TVariables> &
+    TSelectData extends BaseRecord = TData,
+> = UseFormPropsCore<TData, TError, TVariables, TSelectData> &
+    UseFormProps<TData, TError, TVariables, TSelectData> &
     UseDrawerFormConfig &
     LiveModeProps &
     FormWithSyncWithLocationParams & {
@@ -41,7 +42,8 @@ export type UseDrawerFormReturnType<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormReturnType<TData, TError, TVariables> & {
+    TSelectData extends BaseRecord = TData,
+> = UseFormReturnType<TData, TError, TVariables, TSelectData> & {
     formProps: FormProps<TVariables> & {
         form: FormInstance<TVariables>;
     };
@@ -69,24 +71,26 @@ export const useDrawerForm = <
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
+    TSelectData extends BaseRecord = TData,
 >({
     syncWithLocation,
     defaultVisible = false,
     autoSubmitClose = true,
     autoResetForm = true,
     ...rest
-}: UseDrawerFormProps<TData, TError, TVariables>): UseDrawerFormReturnType<
+}: UseDrawerFormProps<
     TData,
     TError,
-    TVariables
-> => {
+    TVariables,
+    TSelectData
+>): UseDrawerFormReturnType<TData, TError, TVariables, TSelectData> => {
     const initiallySynced = React.useRef(false);
 
     const { visible, show, close } = useModal({
         defaultVisible,
     });
 
-    const useFormProps = useForm<TData, TError, TVariables>({
+    const useFormProps = useForm<TData, TError, TVariables, TSelectData>({
         ...rest,
     });
 

package/src/hooks/form/useForm.ts

@@ -19,7 +19,8 @@ export type UseFormProps<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormPropsCore<TData, TError, TVariables> & {
+    TSelectData extends BaseRecord = TData,
+> = UseFormPropsCore<TData, TError, TVariables, TSelectData> & {
     submitOnEnter?: boolean;
     /**
      * Shows notification when unsaved changes exist
@@ -31,7 +32,8 @@ export type UseFormReturnType<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormReturnTypeCore<TData, TError, TVariables> & {
+    TSelectData extends BaseRecord = TData,
+> = UseFormReturnTypeCore<TData, TError, TVariables, TSelectData> & {
     form: FormInstance<TVariables>;
     formProps: FormProps<TVariables>;
     saveButtonProps: ButtonProps & {
@@ -57,6 +59,7 @@ export const useForm = <
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
+    TSelectData extends BaseRecord = TData,
 >({
     action,
     resource,
@@ -80,18 +83,24 @@ export const useForm = <
     createMutationOptions,
     updateMutationOptions,
     id: idFromProps,
-}: UseFormProps<TData, TError, TVariables> = {}): UseFormReturnType<
+}: UseFormProps<
     TData,
     TError,
-    TVariables
-> => {
+    TVariables,
+    TSelectData
+> = {}): UseFormReturnType<TData, TError, TVariables, TSelectData> => {
     const [formAnt] = Form.useForm();
     const formSF = useFormSF<TData, TVariables>({
         form: formAnt,
     });
     const { form } = formSF;
 
-    const useFormCoreResult = useFormCore<TData, TError, TVariables>({
+    const useFormCoreResult = useFormCore<
+        TData,
+        TError,
+        TVariables,
+        TSelectData
+    >({
         onMutationSuccess: onMutationSuccessProp
             ? onMutationSuccessProp
             : undefined,

package/src/hooks/form/useModalForm/useModalForm.ts

@@ -46,18 +46,20 @@ export type UseModalFormReturnType<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
+    TSelectData extends BaseRecord = TData,
 > = Omit<
-    UseFormReturnType<TData, TError, TVariables>,
+    UseFormReturnType<TData, TError, TVariables, TSelectData>,
     "saveButtonProps" | "deleteButtonProps"
 > &
-    useModalFormFromSFReturnType<TData, TVariables>;
+    useModalFormFromSFReturnType<TSelectData, TVariables>;
 
 export type UseModalFormProps<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormPropsCore<TData, TError, TVariables> &
-    UseFormProps<TData, TError, TVariables> &
+    TSelectData extends BaseRecord = TData,
+> = UseFormPropsCore<TData, TError, TVariables, TSelectData> &
+    UseFormProps<TData, TError, TVariables, TSelectData> &
     UseModalFormConfigSF &
     useModalFormConfig &
     LiveModeProps &
@@ -77,17 +79,19 @@ export const useModalForm = <
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
+    TSelectData extends BaseRecord = TData,
 >({
     syncWithLocation,
     ...rest
-}: UseModalFormProps<TData, TError, TVariables>): UseModalFormReturnType<
+}: UseModalFormProps<
     TData,
     TError,
-    TVariables
-> => {
+    TVariables,
+    TSelectData
+>): UseModalFormReturnType<TData, TError, TVariables, TSelectData> => {
     const initiallySynced = React.useRef(false);
 
-    const useFormProps = useForm<TData, TError, TVariables>({
+    const useFormProps = useForm<TData, TError, TVariables, TSelectData>({
         ...rest,
     });
 
@@ -114,7 +118,7 @@ export const useModalForm = <
 
     const { warnWhen, setWarnWhen } = useWarnAboutChange();
 
-    const sunflowerUseModal = useModalFormSF<TData, TVariables>({
+    const sunflowerUseModal = useModalFormSF<TSelectData, TVariables>({
         ...rest,
         form: form,
         submit: onFinish as any,

package/src/hooks/form/useStepsForm/useStepsForm.ts

@@ -33,15 +33,17 @@ export type UseStepsFormReturnType<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormReturnType<TData, TError, TVariables> &
-    UseStepsFormFromSFReturnType<TData, TVariables>;
+    TSelectData extends BaseRecord = TData,
+> = UseFormReturnType<TData, TError, TVariables, TSelectData> &
+    UseStepsFormFromSFReturnType<TSelectData, TVariables>;
 
 export type UseStepsFormProps<
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
-> = UseFormPropsCore<TData, TError, TVariables> &
-    UseFormProps<TData, TError, TVariables> &
+    TSelectData extends BaseRecord = TData,
+> = UseFormPropsCore<TData, TError, TVariables, TSelectData> &
+    UseFormProps<TData, TError, TVariables, TSelectData> &
     UseStepsFormConfig;
 
 /**
@@ -59,13 +61,16 @@ export const useStepsForm = <
     TData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
+    TSelectData extends BaseRecord = TData,
 >(
-    props: UseStepsFormProps<TData, TError, TVariables> = {},
-): UseStepsFormReturnType<TData, TError, TVariables> => {
-    const useFormProps = useForm<TData, TError, TVariables>({ ...props });
+    props: UseStepsFormProps<TData, TError, TVariables, TSelectData> = {},
+): UseStepsFormReturnType<TData, TError, TVariables, TSelectData> => {
+    const useFormProps = useForm<TData, TError, TVariables, TSelectData>({
+        ...props,
+    });
     const { form, formProps } = useFormProps;
 
-    const stepsPropsSunflower = useStepsFormSF<TData, TVariables>({
+    const stepsPropsSunflower = useStepsFormSF<TSelectData, TVariables>({
         isBackValidate: false,
         form: form,
         submit: (values: any) => {

package/src/hooks/list/useSimpleList/useSimpleList.ts

@@ -14,16 +14,17 @@ import { useLiveMode } from "@refinedev/core";
 import { PaginationLink } from "@hooks/table/useTable/paginationLink";
 import { PaginationConfig } from "antd/lib/pagination";
 
-export type useSimpleListProps<TData, TError, TSearchVariables> =
-    useTablePropsCore<TData, TError> & {
+export type useSimpleListProps<TQueryFnData, TError, TSearchVariables, TData> =
+    useTablePropsCore<TQueryFnData, TError, TData> & {
         onSearch?: (
             data: TSearchVariables,
         ) => CrudFilters | Promise<CrudFilters>;
     };
 
 export type useSimpleListReturnType<
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TSearchVariables = unknown,
+    TData extends BaseRecord = TQueryFnData,
 > = Omit<useTableReturnType<TData>, "tableQueryResult"> & {
     listProps: ListProps<TData>;
     queryResult: useTableReturnType["tableQueryResult"];
@@ -36,16 +37,18 @@ export type useSimpleListReturnType<
  *
  * @see {@link https://refine.dev/docs/ui-frameworks/antd/hooks/list/useSimpleList} for more details.
  *
- * @typeParam TData - Result data of the query extends {@link https://refine.dev/docs/api-references/interfaceReferences#baserecord `BaseRecord`}
- * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-references/interfaceReferences#httperror `HttpError`}
+ * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`}
  * @typeParam TSearchVariables - Antd form values
+ * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData`
  *
  */
 
 export const useSimpleList = <
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TSearchVariables = unknown,
+    TData extends BaseRecord = TQueryFnData,
 >({
     resource,
     initialCurrent,
@@ -71,9 +74,10 @@ export const useSimpleList = <
     metaData,
     dataProviderName,
 }: useSimpleListProps<
-    TData,
+    TQueryFnData,
     TError,
-    TSearchVariables
+    TSearchVariables,
+    TData
 > = {}): useSimpleListReturnType<TData, TSearchVariables> => {
     const {
         sorters,

package/src/hooks/table/useEditableTable/useEditableTable.ts

@@ -6,12 +6,13 @@ import { useTableProps, useTableReturnType } from "../useTable";
 import { UseFormReturnType, useForm } from "../../form/useForm";
 
 export type useEditableTableReturnType<
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
     TSearchVariables = unknown,
+    TData extends BaseRecord = TQueryFnData,
 > = useTableReturnType<TData, TError, TSearchVariables> &
-    UseFormReturnType<TData, TError, TVariables> & {
+    UseFormReturnType<TQueryFnData, TError, TVariables> & {
         saveButtonProps: ButtonProps & {
             onClick: () => void;
         };
@@ -25,43 +26,59 @@ export type useEditableTableReturnType<
     };
 
 type useEditableTableProps<
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
     TSearchVariables = unknown,
+    TData extends BaseRecord = TQueryFnData,
 > = Omit<
-    useTableProps<TData, TError, TSearchVariables>,
+    useTableProps<TQueryFnData, TError, TSearchVariables, TData>,
     "successNotification" | "errorNotification"
 > &
-    UseFormProps<TData, TError, TVariables>;
+    UseFormProps<TQueryFnData, TError, TVariables>;
 
 /**
  * `useEditeableTable` allows you to implement edit feature on the table with ease,
- * on top of all the features that {@link https://refine.dev/docs/api-references/hooks/table/useTable `useTable`} provides.
+ * on top of all the features that {@link https://refine.dev/docs/api-reference/core/hooks/useTable/ `useTable`} provides.
  * `useEditableTable` return properties that can be used on Ant Design's {@link https://ant.design/components/table/ `<Table>`}
  * and {@link https://ant.design/components/form/ `<Form>`} components.
  *
- * @see {@link https://refine.dev/docs/ui-frameworks/antd/hooks/table/useEditableTable} for more details.
+ * @see {@link https://refine.dev/docs/api-reference/antd/hooks/table/useTable/} for more details.
+ *
+ * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`}
+ * @typeParam TVariables - Values for params
+ * @typeParam TSearchVariables - Values for search params
+ * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData`
+ *
  */
 export const useEditableTable = <
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TVariables = {},
     TSearchVariables = unknown,
+    TData extends BaseRecord = TQueryFnData,
 >(
     props: useEditableTableProps<
-        TData,
+        TQueryFnData,
         TError,
         TVariables,
-        TSearchVariables
+        TSearchVariables,
+        TData
     > = {},
-): useEditableTableReturnType<TData, TError, TVariables, TSearchVariables> => {
-    const table = useTable<TData, TError, TSearchVariables>({
+): useEditableTableReturnType<
+    TQueryFnData,
+    TError,
+    TVariables,
+    TSearchVariables,
+    TData
+> => {
+    const table = useTable<TQueryFnData, TError, TSearchVariables, TData>({
         ...props,
         successNotification: undefined,
         errorNotification: undefined,
     });
-    const edit = useForm<TData, TError, TVariables>({
+    const edit = useForm<TQueryFnData, TError, TVariables>({
         ...props,
         action: "edit",
         redirect: false,

package/src/hooks/table/useTable/useTable.ts

@@ -21,13 +21,12 @@ import {
 } from "@definitions/table";
 import { PaginationLink } from "./paginationLink";
 
-export type useTableProps<
-    TData,
-    TError,
-    TSearchVariables = unknown,
-> = useTablePropsCore<TData, TError> & {
-    onSearch?: (data: TSearchVariables) => CrudFilters | Promise<CrudFilters>;
-};
+export type useTableProps<TQueryFnData, TError, TSearchVariables, TData> =
+    useTablePropsCore<TQueryFnData, TError, TData> & {
+        onSearch?: (
+            data: TSearchVariables,
+        ) => CrudFilters | Promise<CrudFilters>;
+    };
 
 export type useTableReturnType<
     TData extends BaseRecord = BaseRecord,
@@ -43,13 +42,20 @@ export type useTableReturnType<
  * Ant Design {@link https://ant.design/components/table/ `<Table>`} component.
  * All features such as sorting, filtering and pagination comes as out of box.
  *
- * @see {@link https://refine.dev/docs/api-references/hooks/table/useTable} for more details.
+ * @see {@link https://refine.dev/docs/api-reference/antd/hooks/table/useTable/} for more details.
+ *
+ * @typeParam TQueryFnData - Result data returned by the query function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}
+ * @typeParam TError - Custom error object that extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#httperror `HttpError`}
+ * @typeParam TSearchVariables - Values for search params
+ * @typeParam TData - Result data returned by the `select` function. Extends {@link https://refine.dev/docs/api-reference/core/interfaceReferences#baserecord `BaseRecord`}. Defaults to `TQueryFnData`
+ *
  */
 
 export const useTable = <
-    TData extends BaseRecord = BaseRecord,
+    TQueryFnData extends BaseRecord = BaseRecord,
     TError extends HttpError = HttpError,
     TSearchVariables = unknown,
+    TData extends BaseRecord = TQueryFnData,
 >({
     onSearch,
     initialCurrent,
@@ -74,11 +80,12 @@ export const useTable = <
     meta,
     metaData,
     dataProviderName,
-}: useTableProps<TData, TError, TSearchVariables> = {}): useTableReturnType<
-    TData,
+}: useTableProps<
+    TQueryFnData,
     TError,
-    TSearchVariables
-> => {
+    TSearchVariables,
+    TData
+> = {}): useTableReturnType<TData, TError, TSearchVariables> => {
     const {
         tableQueryResult,
         current,
@@ -93,7 +100,7 @@ export const useTable = <
         setSorter,
         createLinkForSyncWithLocation,
         pageCount,
-    } = useTableCore<TData, TError>({
+    } = useTableCore<TQueryFnData, TError, TData>({
         permanentSorter,
         permanentFilter,
         initialCurrent,