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:
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!