1
resposta

[Bug] Sem Anotações no Storybook

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeO Meu Storybook não aparece as anotações dos tipos, não sei o motivo exato mas a acredito que seja por conta dessa linha no meu main.js: "reactDocgen: false", porém meu código não roda sem essa linha pois a versão do StoryBook por ser 6.0.0 não roda. Como posso arrumar isso?

vou upar meu projeto do git aqui caso queiram conferir para ver se foi algum erro de código https://github.com/Felipebc2/Components_Library

1 resposta

Oi Felipe!

Sim, o problema provavelmente é mesmo o reactDocgen: false, porque essa opção desativa a leitura automática dos tipos/props dos componentes, o que impede as anotações de aparecerem.

Como você está usando o Storybook 6.0.0, essa versão tem limitações com o suporte ao react-docgen. Algumas sugestões: 1. Atualizar o Storybook para uma versão mais recente (idealmente 6.5+ ou 7+) — nessas versões o suporte ao docgen é bem melhor. 2. Se não puder atualizar, você pode tentar usar o react-docgen-typescript-loader manualmente no Webpack pra gerar a doc dos tipos. 3. Verifique também se os seus componentes estão com os tipos/proptypes bem definidos, pois sem isso o docgen não consegue gerar as anotações.

Se puder, recomendo fortemente atualizar o Storybook vai evitar muitos problemas como esse. Boa sorte!