完整的代码可以在这里找到：
https://codesandbox.io/s/peaceful-allen-sn6os?file=/src/App.tsx
我正在尝试做的是使用react-table并希望动态生成包含标题、访问器和单元格属性的列数组，并根据给定数据集中存在的值类型动态设置它们。
例如，在上面的代码示例中，数据是一个待办事项数组，我试图number通过检查数据集中存在的单元格值的类型，将列标题和单元格值文本设置为右对齐（如果它们的类型是 a）。
但是，我在渲染 Headers 属性时遇到了问题。
文档中提到了以下内容，我相信我正在返回有效的 JSX，但我可能在这里做错了，在解决此问题时将不胜感激任何帮助！谢谢你。
https://react-table.tanstack.com/docs/api/useTable
Header: String | Function | React.Component => JSX
- Optional
- Defaults to () => null
- Receives the table instance and column model as props
- Must either be a string or return valid JSX
- If a function/component is passed, it will be used for formatting the header value, eg. You can use a Header function to dynamically format the header using any table or column state.