fix: get rid of console error from using ref on SFC (#1969)

* fix: get rid of console error from using ref on SFC * fix(ui-shell): add displayName for ui-shell link
carbon-design-system · Mar 6, 2019 · 960fee4 · 960fee4
1 parent eee997c
commit 960fee4
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/UIShell/Link.js b/src/components/UIShell/Link.js
@@ -14,9 +14,10 @@ import React from 'react';
  * in their own components to support use-cases like `react-router` or
  * `@reach/router`
  */
-const Link = ({ element, ...rest }) => {
-  return React.createElement(element, rest);
-};
+const Link = React.forwardRef((props, ref) => {
+  const { element, ...rest } = props;
+  return React.createElement(element, { ...rest, ref });
+});
 
 const LinkPropTypes = {
   /**
@@ -30,8 +31,8 @@ const LinkPropTypes = {
   ]),
 };
 
+Link.displayName = 'Link';
 Link.propTypes = LinkPropTypes;
-
 Link.defaultProps = {
   element: 'a',
 };