Ant design Table dataIndex not working for the when the search option

Im using my react type script project for ant design 4 table for the table search. but table search dataIndex not working , any solution for this?

stackblitz here

 {              title: 'My Book',              dataIndex: 'myBook',              key: 'myBook',              ...this.getColumnSearchProps('myBook'),              render: (text: any, res: any) => <span>{res.myDetails.myBook}</span>,          },  

here the my datasource

import {bookDetailDto} from "app/dto/bookDetailDto";      export interface BookdetailDto {        myBook:string,                 bookDetailDto:bookDetailDto,  }  

table

<Table columns={this.columns}                             dataSource={this.state.BookdetailDto}                             scroll=                             size={'small'} onChange={onChange}                             bordered                                                   rowKey={record => record.myBook.toString()}                          />  

https://stackoverflow.com/questions/65559525/ant-design-table-dataindex-not-working-for-the-when-the-search-option January 04, 2021 at 04:15PM