From 81c2a1af86f13c8ae19c9a3bcfc06e599c9c1362 Mon Sep 17 00:00:00 2001
From: Oliver Sand <oliver.sand@sda-se.com>
Date: Mon, 11 Oct 2021 12:48:21 +0200
Subject: [PATCH] Resolve a warning in `<Button>` related to not using
 `React.forwardRef`

Signed-off-by: Oliver Sand <oliver.sand@sda-se.com>
---
 .changeset/hungry-bugs-drop.md                            | 5 +++++
 packages/core-components/src/components/Button/Button.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/hungry-bugs-drop.md

diff --git a/.changeset/hungry-bugs-drop.md b/.changeset/hungry-bugs-drop.md
new file mode 100644
index 0000000000..d13e21d446
--- /dev/null
+++ b/.changeset/hungry-bugs-drop.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Resolve a warning in `<Button>` related to not using `React.forwardRef`.
diff --git a/packages/core-components/src/components/Button/Button.tsx b/packages/core-components/src/components/Button/Button.tsx
index f2fc9f93f9..bfbd6d7a3c 100644
--- a/packages/core-components/src/components/Button/Button.tsx
+++ b/packages/core-components/src/components/Button/Button.tsx
@@ -43,7 +43,9 @@ declare function ButtonType(props: ButtonProps): JSX.Element;
 /**
  * This wrapper is here to reset the color of the Link and make typescript happy.
  */
-const LinkWrapper = (props: LinkProps) => <Link {...props} color="initial" />;
+const LinkWrapper = React.forwardRef<any, LinkProps>((props, ref) => (
+  <Link ref={ref} {...props} color="initial" />
+));
 
 const ActualButton = React.forwardRef<any, ButtonProps>((props, ref) => (
   <MaterialButton ref={ref} component={LinkWrapper} {...props} />