fix: TS warnings

src/ScrollBox.tsx

@@ -1,6 +1,6 @@
 /* @jsx jsx */
 import { jsx } from '@emotion/core';
-import { forwardRef, useRef, useState } from 'react';
+import { forwardRef, FunctionComponent, RefObject, useRef, useState } from 'react';
 import Scrollbars, { positionValues, ScrollbarProps } from 'react-custom-scrollbars';
 
 import { Box, IBox } from './Box';
@@ -38,7 +38,7 @@ const scrollbarStyles = ({ isScrolling }: IScrollBoxThumbProps) => {
   };
 };
 
-export const ScrollBox: React.FunctionComponent<IScrollBox> = (props: IScrollBox) => {
+export const ScrollBox: FunctionComponent<IScrollBox> = (props: IScrollBox) => {
   // pull out scrollTo so they are not in scrollbarProps (don't want them spread onto <Scrollbars /> component)
   const { scrollTo, children, onUpdate, autoHeight = true, autoHideTimeout = 500, innerRef, ...scrollbarProps } = props;
 
@@ -112,7 +112,7 @@ export const ScrollBox: React.FunctionComponent<IScrollBox> = (props: IScrollBox
 export interface IScrollBox extends IScrollBoxProps, ScrollbarProps {}
 
 export interface IScrollBoxProps {
-  innerRef?: React.RefObject<Scrollbars>;
+  innerRef?: RefObject<Scrollbars>;
 
   autoHeight?: boolean;
   autoHideTimeout?: number;

src/__stories__/Menus/Menu.tsx

@@ -109,4 +109,4 @@ storiesOf('Menus:Menu', module)
         { title: 'Disabled Item', disabled: true, icon: 'times-circle' },
       ]}
     />
-  ))
+  ));

src/__stories__/Misc/CodeEditor.tsx

@@ -6,8 +6,9 @@ import { StateDecorator, Store } from '@sambego/storybook-state';
 import { action } from '@storybook/addon-actions';
 import { object, withKnobs } from '@storybook/addon-knobs';
 import { text } from '@storybook/addon-knobs/react';
-import { storiesOf, StoryDecorator } from '@storybook/react';
+import { CSSProperties } from 'react';
 
+import { storiesOf, StoryDecorator } from '@storybook/react';
 import { CodeEditor, ICodeEditor } from '../../CodeEditor';
 
 const store = new Store({
@@ -17,7 +18,7 @@ const store = new Store({
 export const codeEditorKnobs = (tabName = 'Code Editor'): ICodeEditor => ({
   language: text('language', 'javascript', tabName),
   value: text('value', 'const defaultValue = stoplight.io();', tabName),
-  style: object<React.CSSProperties>('style', { fontSize: '12px' }, tabName),
+  style: object<CSSProperties>('style', { fontSize: '12px' }, tabName),
 });
 
 storiesOf('Miscellaneous:CodeEditor', module)

src/__tests__/ContextMenu.spec.tsx

@@ -101,7 +101,7 @@ describe('ContextMenuView component', () => {
   });
 
   it('should render as ReactContextMenu', () => {
-    const wrapper = shallow(<ContextMenuView id="t" />)
+    const wrapper = shallow(<ContextMenuView id="t" />);
 
     expect(wrapper).toHaveProp('as', ReactContextMenu);
   });

src/__tests__/Table.spec.tsx

@@ -121,7 +121,7 @@ describe('TableCell component', () => {
   it('renders td by default', () => {
     const wrapper = shallow(<TableCell as="td" />);
     expect(wrapper).toHaveProp('as', 'td');
-  })
+  });
 
   it('may render th', () => {
     const wrapper = shallow(<TableCell as="th" />);