Sendo este o código que estou utilizando (o que foi passado no curso): https://github.com/GuilFranca/Next.JsExplorandoFramework-Alura/blob/main/src/theme/components.js
Sendo este o código que estou utilizando (o que foi passado no curso): https://github.com/GuilFranca/Next.JsExplorandoFramework-Alura/blob/main/src/theme/components.js
Olá Guilherme! Tudo bem?
Pelo que parece, o erro está ocorrendo porque o objeto styleSheet está indefinido quando o componente Box tenta desestruturá-lo para acessar as propriedades focus, hover, e srOnly.
Para resolver isso, você pode garantir que styleSheet sempre tenha um valor padrão, mesmo que não seja passado como prop. Uma maneira de fazer isso é definir um valor padrão para styleSheet no defaultProps do componente Box.
Veja como você pode ajustar o código:
Box.defaultProps = {
styleSheet: {
focus: {},
hover: {},
srOnly: false,
},
};
Com essa alteração, mesmo que styleSheet não seja fornecido, ele terá um objeto padrão, evitando o erro de leitura de propriedades de undefined.
Espero ter ajudado. Conte com o apoio do fórum :)
Abraços e bons estudos!