fix: FocusLock compoenents does not have name. Used named components …

…inside forwardRefs
theKashey · Jun 26, 2020 · a2d781d · a2d781d
1 parent 188445c
commit a2d781d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/Combination.js b/src/Combination.js
@@ -11,13 +11,15 @@ const RequireSideCar = (props) => {
 };
 */
 
-const FocusLockCombination = React.forwardRef((props, ref) => (
-  <FocusLockUI
-    sideCar={FocusTrap}
-    ref={ref}
-    {...props}
-  />
-));
+const FocusLockCombination = React.forwardRef(function FocusLockUICombination(props, ref) {
+  return (
+    <FocusLockUI
+      sideCar={FocusTrap}
+      ref={ref}
+      {...props}
+    />
+  )
+});
 
 const { sideCar, ...propTypes } = FocusLockUI.propTypes || {};
 

diff --git a/src/Lock.js b/src/Lock.js
@@ -10,7 +10,7 @@ import { mediumFocus, mediumBlur, mediumSidecar } from './medium';
 
 const emptyArray = [];
 
-const FocusLock = React.forwardRef((props, parentRef) => {
+const FocusLock = React.forwardRef(function FocusLockUI(props, parentRef) {
   const [realObserved, setObserved] = React.useState();
   const observed = React.useRef();
   const isActive = React.useRef(false);