How to convert Emotion/styled component to string syntax with complex selector

[jwolfe890]

I've been trying to convert my styled components to use string syntax, but hit a wall with this component.

Basically the component checks if two instances of it exist in the DOM and if it does places a border-bottom: '0px' on the second one. However, I get multiple errors and linter issues anytime I try to translate that portion to string syntax.

Would really appreciate any insight on translating the [${StyledComponent} + ${StyledComponent}] part to string syntax.

const StyledComponent = styled('div')<Typing>((props) => {
  return {
    [`${StyledComponent} + ${StyledComponent}`]: {
  borderBottom: '0px',
 }
}