Table cell type error about bulletproof-react HOT 3 CLOSED

Actually I think this issue is caused because I upgraded to React 18. My solution specify the type of entry[field] as any.

//Table.tsx Line 55 {Cell ? <Cell entry={entry} /> : entry[field] as any}

Seems to do the trick but I'm sure theres a more proper way of solving this.

from bulletproof-react.

Yeah, I'm a TS newbie as well, and I was facing the same issue, I managed to fix/hack it by changing, this:

  export const Table = <Entry extends { id: string }>({ data, columns }: TableProps<Entry>) => {

To this:

  export const Table = <Entry extends Record<string, any> & { id: string }>({ data, columns }: TableProps<Entry>) => {

from bulletproof-react.

Another possible solutions-

{Cell ? <Cell entry={entry} /> : entry[field] as React.ReactNode}

from bulletproof-react.