输入'LaunchInfoQuery | undefined' 不可分配给类型 'LaunchInfoQuery'。类型 'undefined' 不可分配给类型 'LaunchInfoQuery'

Question

如何在打字稿中解决这个问题。我已经使用代码生成生成查询类型。错误显示在第 17 行 D:/bootcamp 2020/spacexx/src/components/LaunchDetails/index.tsx(17,27) 中的 TypeScript 错误：

输入'LaunchInfoQuery | undefined' 不能分配给类型 'LaunchInfoQuery'。 “未定义”类型不能分配给“LaunchInfoQuery”类型。 类型 'undefined' 不能分配给类型 '{ __typename?: "Query" |不明确的; }'。 TS2322

1.  import React from 'react'
2.  import {useLaunchInfoQuery} from '../../generated/graphql';
3.  import LaunchDetails from './LaunchDetails'

4.  const LaunchDetailsContainer = () =>{
5.  const { data, loading, error } = useLaunchInfoQuery({
   6. variables: {id: "13"},
7. });
8. if (loading){
9. <h3>Data is loading</h3>
10. }
   11.
12. if(error||!data){
13. <h3>There is an error</h3>
14.}
15.
16. 
17. return <LaunchDetails data={data}/>
   
18.   }
19. export default LaunchDetailsContainer;

如何解决这个问题！