Component selectors can only be used in conjunction with babel-plugin-emotion error while using emotion
20:47 25 Apr 2020

I have a styled component like

export const UL = styled.ul`
  list-style: none
`

export const Nav = styled.nav`
  ${UL}: {
    margin-top: 40px;
  }

  background-color: #222;
  padding: 0.35em 1.25em;
`

I ran the below command to add babel-plugin-emotion

npm i --save-dev babel-plugin-emotion

I get this error

enter image description here

what else do I need to do to get the plugin working with emotion?

reactjs emotion