add a failing test case for .attrs()

styled-components · May 14, 2024 · e2b8b04 · e2b8b04
1 parent 770d1fa
commit e2b8b04
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/styled-components/src/test/types.tsx b/packages/styled-components/src/test/types.tsx
@@ -527,3 +527,23 @@ class ParentClassComponent1 extends React.Component<{ $prop1?: boolean }> {}
 const ParentClassComponent2 = styled(ParentClassComponent1)<{ $prop2?: boolean }>``;
 
 <ParentClassComponent2 $prop1={true} $prop2={true} />;
+
+{
+  // React.forwardRef in combination with .attrs()
+
+  const Button = React.forwardRef<
+    HTMLButtonElement,
+    {
+      icon: 'a' | 'b' | 'c';
+    }
+  >((props, ref) => {
+    return (
+      <button ref={ref} {...props}>
+        button
+      </button>
+    );
+  });
+  const ButtonWithIcon = styled(Button).attrs({ icon: 'a' })``;
+
+  <ButtonWithIcon />;
+}