Módulo 4 (Props) - React: escrevendo com Typescript | React: escrevendo com Typescript

Olá, acredito que poderia atualizar esse módulo, pois tudo que estou fazendo ao acompanhar a aula está dando erro, e ao que vejo são erros devido a alguma atualização.

Compiled with problems:X

ERROR in ./src/components/Lista/Item/index.tsx

Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\src\components\Lista\Item\index.tsx: Unexpected token (4:22)

2 | 3 |

4 | function Item(props: {{tarefa, tempo}tarefa: string, tempo :string}){ | ^ 5 | 6 | return( 7 |
at instantiate (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:72:32) at constructor (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:358:12) at Object.raise (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:3341:19) at Object.unexpected (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:3379:16) at Object.parsePropertyName (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:13852:24) at Object.tsParseTypeMember (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:8898:10) at Object.tsParseList (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:8490:19) at Object.tsParseObjectTypeMembers (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:8916:26) at Object.tsParseTypeLiteral (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:8910:25) at Object.tsParseNonArrayType (C:\Users\bruno\OneDrive\Documentos\Estudos\Alura\React\projetoalurastudies\alura-studies\node_modules@babel\parser\lib\index.js:9157:106)

ERROR

src\components\Lista\Item\index.tsx Line 4:22: Parsing error: Property or signature expected

ERROR in src/components/Lista/index.tsx:2:8

TS1192: Module '"C:/Users/bruno/OneDrive/Documentos/Estudos/Alura/React/projetoalurastudies/alura-studies/src/components/Lista/Item/index"' has no default export. 1 | import React from 'react';

2 | import Item from './Item'; | ^^^^ 3 | import style from './Lista.module.scss'; 4 | 5 | function Lista(){

ERROR in src/components/Lista/Item/index.tsx:4:23

TS1131: Property or signature expected. 2 | 3 |

4 | function Item(props: {{tarefa, tempo}tarefa: string, tempo :string}){ | ^ 5 | 6 | return( 7 |

ERROR in src/components/Lista/Item/index.tsx:4:24

TS2300: Duplicate identifier 'tarefa'. 2 | 3 |

4 | function Item(props: {{tarefa, tempo}tarefa: string, tempo :string}){ | ^^^^^^ 5 |

    Tem mais erros parecidos, mas deu limitação de caractere.![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/825256/aee83b36-8cf1-40ce-8151-7a7e3305c54c.png)

Olá Bruno, tudo bem?

Parece estar havendo alguns erros de Sintaxe no seu arquivo index.tsx do componente Item.

Parece que sua na sua função Item, está sendo passado as Props dessa maneira:

function Item(props: {{tarefa, tempo}tarefa: string, tempo :string}){
    //resto do código
}

Conforme demonstrado na aula quando você faz a desestruturação, você pode passando os parâmetros diretamente entre as chaves. Ficando com algo parecido com esse código:

export default function Item({tarefa, tempo}: {tarefa: string, tempo: string}) {
  return (
    //resto do código
  );
}

Ou seja sem a necessidade da palavra props

Qualquer coisa tente subir seu código no github para podermos visualizar melhor e poder te ajudar.

Abraço.