Simple question: How to initialize row state in useTable options?

[MenachemICTBIT]

I have a pretty simple question that I can't figure out.

I am running React with TypeScript and cannot figure out how to initialize rowState. Here is the code I have and the error I am receiving when trying the simplest way.

What am I doing wrong here?

const {
		getTableProps,
		getTableBodyProps,
		headerGroups,
		rows,
		page,
		prepareRow,
		filters,
		allColumns,
		setFilter,
		selectedFlatRows,
		// below new props related to 'usePagination' hook
		canPreviousPage,
		canNextPage,
		pageOptions,
		pageCount,
		gotoPage,
		nextPage,
		previousPage,
		setPageSize,
		state: {pageIndex, pageSize},
	} = useTable(
		{
			columns,
			data,
			defaultColumn: {
				Filter: DefaultColumnFilter,
			},
			filterTypes,
			autoResetPage,
			useExpanded,
			initialState: {
				rowState: {
					test: 'myTestInfo'
					}
				},
				hiddenColumns: columns.filter((col: any) => col.show === false).map((col) => col.id || col.accessor),
				pageIndex: 0,
				pageSize: 20,
			},
		},
		useRowState,
		...hooks
	);

[MenachemICTBIT]

I figured out my issue. It's a Typescript error that requires a Record type to be inserted. A workaround allows you to restate the object as any. The solution can be found here.

https://stackoverflow.com/questions/52124326/typescript-3-property-is-missing-in-type