withBlueBackground.tsx

import * as React from 'react';

interface WithBlueBackgroundProps {
  style?: React.CSSProperties;
}

const withBlueBackground = <P extends WithBlueBackgroundProps>(
  UnwrappedComponent: React.ComponentType<P>
) =>
  class WithBlueBackground extends React.Component<P> {
    render() {
      return (
        <UnwrappedComponent
          {...this.props}
          style={Object.assign({}, this.props.style, {
            backgroundColor: 'blue',
          })}
        />
      );
    }
  };
  
export default withBlueBackground;