Styled-Components: specify styles of children on parents hover

As of styled-components v2 you can interpolate other styled components to refer to their automatically generated class names. In your case you’ll probably want to do something like this:

const Container = styled.div`
  &:hover ${Kid} {
    display: none;
  }
`

See the documentation for more information!

This is copy and pasted from my answer here.