Minimal transition using React Transition and styled-components

react-styled-components-transition.js

import Transition from 'react-transition-group/Transition'

<Transition in={isVisible} timeout={200}>
  {(state) => (
    <StyledComponent transitionState={state} />
  )}
</Transition>

const StyledComponent = styled.div`
  transition: opacity 0.2s;
  opacity: ${({ transitionState }) => (['entering', 'entered'].includes(transitionState)) ? '1' : '0'};
`