[Bug] Typography (2)

Olá, estudante! Tudo bem?

O erro que você está enfrentando, "Cannot find namespace 'JSX'", geralmente ocorre quando o TypeScript não consegue encontrar as definições de tipos para JSX. Isso pode acontecer por algumas razões, mas vou deixar algumas sugestões para tentar resolver o problema:

1. Verifique o tsconfig.json: Certifique-se de que o arquivo tsconfig.json está configurado corretamente para suportar JSX. Você deve ter algo assim:

   {
     "compilerOptions": {
       "jsx": "react-jsx",
       "lib": ["dom", "esnext"],
       "module": "esnext",
       "target": "es5",
       "strict": true,
       "esModuleInterop": true,
       "skipLibCheck": true,
       "forceConsistentCasingInFileNames": true
     }
   }
   

   A opção "jsx": "react-jsx" é importante para que o TypeScript entenda a sintaxe JSX.

2. Atualize suas dependências: Certifique-se de que você está usando versões compatíveis do React e TypeScript. No seu caso, as versões de React e TypeScript parecem estar corretas, mas verifique se não há atualizações ou conflitos.

3. Instale @types/react: Embora você já tenha @types/react listado como uma dependência, tente reinstalá-lo para garantir que está tudo certo:

   npm install @types/react --save-dev
   

4. Reinicie o servidor de desenvolvimento: Às vezes, reiniciar o servidor de desenvolvimento e o editor de código pode resolver problemas temporários de cache.

Se nenhuma dessas soluções funcionar, você poderia me fornecer o código do seu projeto? Se puder, envie pelo GitHub, assim consigo ter acesso a todo o projeto e te ajudar de forma mais precisa.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Obrigado pelo retorn Mike

Eu já havia feito esse teste porem voltei a fazer e o erro continua

creio que esse problema afeta diretamente a apresentação das propriedades no storybook

Essa imagem aqui é a do gabarito

segue o git do projeto

https://github.com/msbzz/alfabit-design-system2

obrigado

Olá, estudante.

Eu não notei nenhum inconsistência no seu código que pudesse estar gerando esses erros, o que me leva a crer que o problema possa estar relacionado ao versionamento de alguma dependência entre o seu projeto e o do instrutor. Por exemplo: Você está usando a v8 do storybook enquanto o instrutor usa a v7. O que eu recomendo é que você use o projeto base fornecido pelo instrutor para poder acompanhar o curso, você pode baixar o projeto base, nesse link e o projeto a aula 2 nesse link. Se ainda precisar de ajuda, não hesite em nos chamar!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Obrigado pelo retorno Mike

Ok, mas isso me faz pensar que todo projeto que precise usar esse tipo de documentação me obrigue a usar as mesmas dependências da video aula o que não podemos garantir ser possivel numa situação real. Realmente usando o projeto base tudo esta ok mas não seria interessante sabermos o que falta ou se é um bug do proprio storybook ?

Creio que seria interessante algum instrutor dar uma olhada