错误：组件选择器只能与babel-plugin-emotion结合使用。尝试使用情感和CRA设置复选框样式时

Question

我试图用情感来设置Checkbox的风格，我需要应用这样的风格：

input[type = 'checkbox'] + .someclass {
   ....
}

在情感上，基于一些谷歌搜索，我发现您可以做这样的事情：

StyledCheckBox = styled.input`
    & + {() => StyledPlaceHolder} {
     ... 
   }
`;

但是我一直遇到错误：

Error: Component selectors can only be used in conjunction with babel-plugin-emotion. 

根据文档，我尝试使用宏而不是babel-plugin-emotion，但错误仍然存​​在。

这是我模仿错误的codeandbox：-https://codesandbox.io/s/bold-cache-kg9s9

在codesandbox预览中，您会看到它是一个跨域错误，但是如果打开chrome控制台，您会看到我提到的错误。此外，您可以下载它并在本地计算机上运行代码以在浏览器上查看错误消息。任何帮助将不胜感激。