0
respostas

[Sugestão] Rodando a aula com o Storybook mais recente (v8+) e resolvendo os avisos do TypeScript!

Olá, pessoal! Tudo bem?

Estou adorando o curso, mas decidi instalar a versão mais recente do Storybook (npx storybook@latest init) no meu projeto em vez da versão mostrada no vídeo. Se alguém aqui também fez isso (ou pretende fazer para já deixar o portfólio com as tecnologias mais atuais), percebi algumas pequenas mudanças e resolvi compartilhar como adaptar a aula para tudo rodar liso!

Aqui vão três pontos principais de atenção:

  1. O aviso (Warning) no tsconfig.json
    Quando instalamos o Storybook mais atual, ele passa a avaliar o código com regras mais modernas do TypeScript. Se você receber um erro vermelho no terminal falando sobre "Option 'target=ES5' is deprecated...", não se assuste! O próprio terminal sugere ignorar o aviso, mas o melhor caminho para modernizar o projeto é abrir o seu arquivo tsconfig.json e fazer duas pequenas alterações:

    Na linha do "target", mude de "es5" para "es2022" (ou "esnext").

    Na linha do "moduleResolution", mude de "node" para "bundler".
    Pronto, o erro some na hora e o projeto compila muito mais rápido!