Allow react components in tagged template

mui · Feb 7, 2025 · 77a085d · 77a085d
1 parent 29a7d86
commit 77a085d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/pigment-css-react-new/src/styled.d.ts b/packages/pigment-css-react-new/src/styled.d.ts
@@ -46,7 +46,7 @@ export interface CreateStyledComponent<
 > {
   <Props extends {} = {}>(
     arg: TemplateStringsArray,
-    ...templateArgs: (Primitive | ((props: Props) => Primitive))[]
+    ...templateArgs: (StyledComponent<any> | Primitive | ((props: Props) => Primitive))[]
   ): StyledComponent<Substitute<OuterProps, Props>> & (Component extends string ? {} : Component);
 
   <V extends {}>(

diff --git a/packages/pigment-css-react-new/tests/styled/styled-runtime.test.tsx b/packages/pigment-css-react-new/tests/styled/styled-runtime.test.tsx
@@ -149,7 +149,7 @@ describe('styled - runtime', () => {
       });
 
       const { getByTestId } = render(<StyledParent as="div" data-testid="component" />);
-      expect(getByTestId('component').className).to.equal('child');
+      expect(getByTestId('component').className).to.equal('child parent');
     });
 
     it('use component forward prop if provided `as` is a component', () => {