(ListInferencer/Antd) Nested Resource Data

import React from "react";  
import { List, Table, useTable, Space, EditButton } from "@refinedev/antd";  
  
interface IFormValue {  
 name: string;  
 email: string;  
 skills: string;  
 id: number;  
}  
  
export default function PostList() {  
 const { tableProps } = useTable<IFormValue>();  
  
 return (  
 <List>  
 <Table {...tableProps} rowKey="id">  
 <Table.Column dataIndex="firstName" title="First Name" />  
 <Table.Column dataIndex="email" title="Email" />  
 <Table.Column dataIndex="skills" title="Skills" />  
 </Table>  
 </List>  
 );  
}  

import React from "react";  
import { List, Table, useTable, Space, EditButton } from "@refinedev/antd";  
  
interface IFormValue {  
 name: string;  
 email: string;  
 skills: string;  
 id: number;  
}  
  
export default function PostList() {  
 const { tableProps } = useTable<IFormValue>();  
  
 return (  
 <List>  
 <Table {...tableProps} rowKey="id">  
 <Table.Column dataIndex="firstName" title="First Name" />  
 <Table.Column dataIndex="email" title="Email" />  
 <Table.Column dataIndex="skills" title="Skills" />  
 </Table>  
 </List>  
 );  
}  

import React from "react";  
import { useList } from "@refinedev/core";  

function useData() {  
 // Fetching data from the products endpoint using refine's useList hook  
 const { data } = useList<IProduct>({  
 config: {  
 pagination: {  
 current: 2,  
 },  
 },  
 resource: "products",  
 });  

 // Modifying fetched data and adding column property using array.map()  
 const newArr = data?.data.map((i: IProduct) => {  
 return {  
 ...i,  
 column: ColumnTypes.ORDERS,  
 };  
 });  

 return [newArr, data?.data];  
}  

export default useData;  

import React from "react";  
import { useList } from "@refinedev/core";  

function useData() {  
 // Fetching data from the products endpoint using refine's useList hook  
 const { data } = useList<IProduct>({  
 config: {  
 pagination: {  
 current: 2,  
 },  
 },  
 resource: "products",  
 });  

 // Modifying fetched data and adding column property using array.map()  
 const newArr = data?.data.map((i: IProduct) => {  
 return {  
 ...i,  
 column: ColumnTypes.ORDERS,  
 };  
 });  

 return [newArr, data?.data];  
}  

export default useData;