import './button.styles.scss'; const BUTTON_TYPE_CLASSES = { google:'google-sign-in', inverted:'inverted', }; const Button = ({children, buttonType, ...otherProps}) => { return ( <button className={`button-container${BUTTON_TYPE_CLASSES[buttonType]}`} > </button> ); }; export default Button;

pero sigue dando error

 react-jsx-dev-runtime.development.js:97 Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check your code at sign-up-form.component.jsx:102. at SignUpForm (http://localhost:3000/static/js/bundle.js:544:86) at div at SignIn