You need to add a className or the styles won't render

styled-redux.tsx

interface IBobProps {
  name: string
}

class Bob extends React.PureComponent<IBobProps> {
  render () {
    <div>HELLO, {this.props.name}</div>
  }
}

// get the user name from the store
const BobConnected = connect(
  (state, props) => { return state.users[props.userId].name }
)(Bob)

// gussy up that name
const BobFancyConnected = styled(BobConnected)`
  color: red;
`

// the name will NOT be red!!!
// we need to add a className to the component

interface IBobProps {
  name: string
  className?: string
}

class Bob extends React.PureComponent<IBobProps> {
  render () {
    <div className={this.props.className}>HELLO, {this.props.name}</div>
  }
}
  
// Now when we connect and style Bob it will render the red