Code review feedback

zendeskgarden · Nov 13, 2019 · e8866b4 · e8866b4
1 parent 696633a
commit e8866b4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/focusvisible/src/useFocusVisible.ts b/packages/focusvisible/src/useFocusVisible.ts
@@ -29,7 +29,7 @@ export const INPUT_TYPES_WHITE_LIST: Record<string, boolean> = {
 };
 
 export interface IUseFocusVisibleProps {
-  scope?: React.RefObject<HTMLElement | undefined>;
+  scope?: React.RefObject<HTMLElement | null>;
   relativeDocument?: any;
   className?: string;
   dataAttribute?: string;

diff --git a/packages/focusvisible/stories.tsx b/packages/focusvisible/stories.tsx
@@ -18,15 +18,15 @@ interface IStyledCustomFocus extends React.HTMLProps<HTMLDivElement> {
   isSelected?: boolean;
 }
 
-const StyledCustomFocus = styled.div`
+const StyledCustomFocus = styled.div<IStyledCustomFocus>`
   :focus {
     outline: none;
   }
 
   &[data-garden-focus-visible] {
     outline: 2px dashed red;
   }
-` as React.FC<IStyledCustomFocus>;
+`;
 
 const StyledWrapper = styled.div`
   * {