Solucionado
Quando utilizamos a biblioteca de styled components, precisamos utilizar a função styled para criar um componente estilizado a partir de um componente padrão (no caso, o button). A sintaxe correta para isso é:
const NomeDoComponenteEstilizado = styled(ComponentePadrao)...;
Pois utiliza a sintaxe correta para criar um componente estilizado a partir de um botão e definir os estilos a serem aplicados a ele.
Olá Jefferson, tudo bem?
Muito obrigada por compartilhar sua sugestão conosco. De fato, ao utilizar a biblioteca de styled components, é necessário utilizar a função styled para criar um componente estilizado a partir de um componente padrão.
A sintaxe correta para isso é:
const NomeDoComponenteEstilizado = styled(ComponentePadrao)`
...;
`;Essa sintaxe permite definir os estilos que serão aplicados ao componente estilizado a partir do componente padrão, no caso, o botão.
Um abraço e bons estudos.