teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コンポーネントを追記しました。また、若干コード変えましたm(_ _)m

2020/12/08 01:46

投稿

violineer
violineer

スコア72

title CHANGED
File without changes
body CHANGED
@@ -1,24 +1,30 @@
1
1
  以下のコードなんですが、型エラーが出てしまい、それを検索しても要領を得ず困っています。解決方法ご教授してくださると幸いです。
2
2
 
3
3
  ```typescript
4
- const Teams = (team:any) => {
4
+ const Teams = ({ data }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
5
- return <PageTeam team={team}/>
5
+ return <PageTeam props={data} />
6
6
  }
7
7
 
8
- async function getServerSideProps(context: any) {
8
+ export async function getServerSideProps(context: any) {
9
- const team = await useFetchTeam(context.params.id)
9
+ const data = await fetchTeam(context.params.id)
10
10
  return {
11
11
  props: {
12
- team,
12
+ data,
13
13
  },
14
14
  }
15
15
  }
16
16
 
17
17
  ```
18
18
 
19
+ ```typescript
20
+ export const PageTeam = (props: IFetchTeamResponse) => {
21
+ }
22
+
23
+ ```
24
+
19
25
  以下のようなエラーが出てしまいます。
20
26
 
21
- > 型 '{ team: any; }' を型 'IntrinsicAttributes' に割り当てることはできません。
27
+ > 型 '{ props: IFetchTeamResponse; }' を型 'IntrinsicAttributes & IFetchTeamResponse' に割り当てることはできません。
22
- プロパティ 'team' は型 'IntrinsicAttributes' に存在しません。
28
+ プロパティ 'props' は型 'IntrinsicAttributes & IFetchTeamResponse' に存在しません。
23
29
 
24
30
  どうすれば解決できるでしょうか…?