Target Imported Component

[nathanaelphilip]

Is it possible to import a component from another file and use it for targeting? Something like:

import styled from '@emotion/styled';
import { OtherComponent } from '@/components;

const Component = styled.div`
  margin-bottom: 1rem;

  & + ${OtherComponent} {
   margin-top: -1rem;
  }
`;

[Andarist]

This works with our @emotion/babel-plugin

[nathanaelphilip]

I think I have that set.

[nathanaelphilip]

this is my .babelrc

[Andarist]

Well, it looks OK. I can't really say more without looking at the actual repro case. Please always try to share a repro case in a runnable form - either by providing a git repository to clone or a codesandbox. OSS maintainers usually can't afford the time to set up the repro, even if exact steps are given.

I'm afraid though that I won't be able to look into this though - I'm almost 99% sure that this is some kind of a configuration/tooling problem and not the problem with Emotion.

[nathanaelphilip]

ok, no worries. thank you!