如何访问传递给组件的打字稿类型

Question

我正在尝试在React中创建一个表，其中包含我传递给组件的所有类型，例如道具表。

所以，我有一个用户组件

type UserType = {
  id: number;
  name: string;
  title: string;
  location: string;
}

const User = (props: UserType) => {
  return (
    <h1>
      User
    </h1>
  );
}

我想像的是，我可以有一个名为TableProps的组件，它将接收一个孩子，然后以某种方式获得在该组件的类型上定义的所有道具。

const TableProps = ({ children }: any) => {
  return (
    <>
      {/* iterates through all the props on UserType for example */}
    </>
  );
}

const App = () => {
  return (
    <Playground>
      <User />
    </Playground>
  );
}

您对如何解决此问题有任何想法，即使我对解决问题的想法是正确的？