Cells Don't Contain Any Data

[otobot1]

I can't seem to figure out why this isn't working. The docs make it look like all I need to do is pass an array of objects to the records property, but it seems I'm missing something. The correct headers and the correct number of rows are rendered, but all of the cells are empty.

https://i.imgur.com/z0NMj73.png

function modTable() => {
    const modStates: modForTable[] = useAppSelector(selectModsForTable);
    if (!modStates || !modStates.length) {
        return (
            <div>
                Waiting for mods to fetch
            </div>
        )
    }

    return (
        <DataTable
            records={modStates}
            columns={[
                { accessor: modTableColumnNames[0].headerName },
                {
                    accessor: modTableColumnNames[1].headerName,
                    title: modTableColumnNames[1].headerName,
                },
                { accessor: modTableColumnNames[2].headerName },
                { accessor: modTableColumnNames[3].entries[0].headerName },
                { accessor: modTableColumnNames[3].entries[1].headerName },
                { accessor: modTableColumnNames[4].headerName },
                { accessor: modTableColumnNames[5].headerName },
                { accessor: modTableColumnNames[6].headerName },
            ]}
        />
    );
}


interface modForTable {
    id: number,
    name: string,
    mapCount: number,
    type: string,
    communityRatings: {
        quality: string,
        difficulty: string,
    },
    tech: string,
    cmlDifficulty: string,
    reviews: string,
}

[otobot1]

Alright well the problem was that I was accessing the wrong property names haha. That's what I get for coding while exhausted. While I was investigating the problem though, I got hugely distracted by what I believe is a type definition error. I opened #30 with some more info.

[icflorescu]

I'm glad you've managed to solve it.
Issue #30 is now fixed, thank you!