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;

but keeps getting 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