Using Semantic UI in tandem with Styled Components

App.js

import React, { Component } from 'react';
import { Button } from 'semantic-ui-react';
import { StyledButton } from './styledComponents';

export default class App extends Component {
  render(){
    return(
      <div>
          <Button>This is a normal Semantic button</Button>
          <StyledButton>This is a Semantic button that has been styled with Styled Components</StyledButton>
      </div>
    );
  }
}

styledComponents.js

import React from 'react';
import styled from 'styled-components';
import { Button } from 'semantic-ui-react';

export const StyledButton = styled(Button)({
    color: 'red!important'
});