[emotion] Component selectors can only be used in conjunction with babel-plugin-emotion

 

nextjs에서 component selecteor사용 시 발생하는 에러

 

Error: Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.

 

const Parent = styled.div`
  ${Children} {
    font-size: 20px;
  }
`;

 

 

 

✅ 해결

 

next.config.js

  compiler: {
    emotion: true,
  },