add types to IconButton.tsx --no-verify due to Icon not migrated yet

Author: clairep94

client/common/IconButton.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { ComponentType } from 'react';
 import styled from 'styled-components';
 import Button from './Button';
 import { remSize } from '../theme';
@@ -12,8 +11,18 @@ const ButtonWrapper = styled(Button)`
   }
 `;
 
-const IconButton = (props) => {
-  const { icon, ...otherProps } = props;
+type IconProps = {
+  'aria-label'?: string
+};
+
+type IconButtonProps = Omit<
+  React.ComponentProps<typeof Button>,
+  'iconBefore' | 'iconOnly' | 'display' | 'focusable'
+> & {
+  icon?: ComponentType<IconProps> | null
+};
+
+const IconButton = ({ icon = null, ...otherProps }: IconButtonProps) => {
   const Icon = icon;
 
   return (
@@ -27,12 +36,4 @@ const IconButton = (props) => {
   );
 };
 
-IconButton.propTypes = {
-  icon: PropTypes.func
-};
-
-IconButton.defaultProps = {
-  icon: null
-};
-
 export default IconButton;

package-lock.json

@@ -131,6 +131,7 @@
     "@types/react": "^16.14.0",
     "@types/react-dom": "^16.9.25",
     "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "babel-core": "^7.0.0-bridge.0",