Closed marvinklein closed 1 year ago
Component composition doesn’t work as expected in this trivial example:
import { styled } from "@stitches/react"; const A = styled("div", { color: "red" }); const B = styled(A, { color: "blue" }); const C = styled(B, { color: "red" }); export default function App() { return ( <> <A>is red</A> <B>is blue</B> <C>expected to be red, but is blue!</C> </> ); }
https://codesandbox.io/s/charming-frost-lmqp5y?file=/src/App.js
I think the root cause of this is #1039?
Duplicate of https://github.com/stitchesjs/stitches/issues/1039
Bug report
Describe the bug
Component composition doesn’t work as expected in this trivial example:
To Reproduce
https://codesandbox.io/s/charming-frost-lmqp5y?file=/src/App.js