This issue came to my attention while I was making silly mistakes as mentioned in the linked discussion. However, I eventually got this code to work, but the TypeScript error that I had been investigating turned out to be a read herring - the table renders just fine.
function modTable() => {
const modStates: modForTable[] = useAppSelector(selectModsForTable);
return (
<DataTable
records={modStates}
columns={[
{ accessor: "name"},
{ accessor: "mapCount" },
{ accessor: "type" },
{ accessor: "communityRatings.quality" },
{ accessor: "communityRatings.difficulty" },
{ accessor: "tech" },
{ accessor: "cmlDifficulty" },
{ accessor: "reviews" },
]}
/>
);
}
interface modForTable {
id: number,
name: string,
mapCount: number,
type: string,
communityRatings: {
quality: string,
difficulty: string,
},
tech: string,
cmlDifficulty: string,
reviews: string,
}
```</div>
![image](https://user-images.githubusercontent.com/27628434/189811260-2fb284fe-f796-43b4-91e7-a8185ee98f18.png)