react.js-当组件未呈现时，Typescript null 检查自定义挂钩返回数据

我们正在提取数据并使用 Redux Tool Kit 使用它。然后，我们根据该数据的可用性有条件地渲染组件。但是，如果我使用自定义 RTK 挂钩访问组件中没有该数据将无法呈现的数据，Typescript 仍然抱怨数据可能为空。

家长

<Route path={"/cards"}>

  {person && <Cards />}

</Route>

零件

import { usePerson } from "store/hooks/person"

export const Cards = (): JSX.Element => {

  const { person } = usePerson()

  const { randomData } = useCards({person}) // person is possibly null here

我们不想对所有内容都进行空检查。理想情况下，我们应该能够使用 RTK 挂钩来消费数据，而不是通过组件道具。或者这是一个不好的方法？