'Component selectors can only be used in conjunction with babel-plugin-emotion error while using emotion

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

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

reactjs emotion

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Component selectors can only be used in conjunction with babel-plugin-emotion error while using emotion

Sources

Related Questions