Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Depreciado

Olá!

No código de AbBotao.stories.tsx tem elementos depreciados:

codigo

Pelo o que eu entendi tem que substituir por Meta e StoryFn:

import React from "react";
import { AbBotao } from "../components/AbBotao";
import { Meta, StoryFn } from '@storybook/react'

export default {
   title: 'Components/AbBotao',
   component: AbBotao
} as Meta<typeof AbBotao>

const Template: StoryFn<typeof AbBotao> = ()=> <AbBotao/> 

export const Primario = Template.bind({})
1 resposta
solução!

Obrigado por compartilhar, Luiza!

O curso foi todo desenvolvido com a versão 6.x do Storybook (a 7x estava em alpha, principalmente por conta do lançamento da versão do React 18 na época em que o curso foi desenvolvido), daí esses avisos de depreciação.