質問編集履歴

1

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

2020/12/08 01:46

投稿

violineer
violineer

スコア72

test CHANGED
File without changes
test CHANGED
@@ -4,23 +4,23 @@
4
4
 
5
5
  ```typescript
6
6
 
7
- const Teams = (team:any) => {
7
+ const Teams = ({ data }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
8
8
 
9
- return <PageTeam team={team}/>
9
+ return <PageTeam props={data} />
10
10
 
11
11
  }
12
12
 
13
13
 
14
14
 
15
- async function getServerSideProps(context: any) {
15
+ export async function getServerSideProps(context: any) {
16
16
 
17
- const team = await useFetchTeam(context.params.id)
17
+ const data = await fetchTeam(context.params.id)
18
18
 
19
19
  return {
20
20
 
21
21
  props: {
22
22
 
23
- team,
23
+ data,
24
24
 
25
25
  },
26
26
 
@@ -34,13 +34,25 @@
34
34
 
35
35
 
36
36
 
37
+ ```typescript
38
+
39
+ export const PageTeam = (props: IFetchTeamResponse) => {
40
+
41
+ }
42
+
43
+
44
+
45
+ ```
46
+
47
+
48
+
37
49
  以下のようなエラーが出てしまいます。
38
50
 
39
51
 
40
52
 
41
- > 型 '{ team: any; }' を型 'IntrinsicAttributes' に割り当てることはできません。
53
+ > 型 '{ props: IFetchTeamResponse; }' を型 'IntrinsicAttributes & IFetchTeamResponse' に割り当てることはできません。
42
54
 
43
- プロパティ 'team' は型 'IntrinsicAttributes' に存在しません。
55
+ プロパティ 'props' は型 'IntrinsicAttributes & IFetchTeamResponse' に存在しません。
44
56
 
45
57
 
46
58