From e2b8b0460bc2020e76b23c535b2f41dc92f69f99 Mon Sep 17 00:00:00 2001
From: Anton Niklasson <niklasson.anton@gmail.com>
Date: Tue, 7 May 2024 22:48:47 +0200
Subject: [PATCH] add a failing test case for .attrs()

---
 packages/styled-components/src/test/types.tsx | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/styled-components/src/test/types.tsx b/packages/styled-components/src/test/types.tsx
index 2e9d2b994..59b9b8da1 100644
--- 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 />;
+}