Fix new tsc version breaking changes

Author: Jakub Holak

package-lock.json

@@ -19,7 +19,7 @@
     "@types/react-dom": "^16.9.0",
     "@types/react-modal": "^3.10.5",
     "@types/storybook__addon-info": "^5.2.1",
-    "@types/styled-components": "^4.4.2",
+    "@types/styled-components": "^5.1.0",
     "@types/styled-system": "^5.1.7",
     "mini-svg-data-uri": "^1.1.3",
     "polished": "^3.4.4",

package.json

@@ -117,9 +117,11 @@ export const Dropdown: FunctionComponent<DropdownProps & SpaceProps> = ({
 
   return (
     <DropdownWrapper
-      onMouseLeave={() => isOpen && setIsOpen(false)}
       value={value}
       {...props}
+      {...(!props.onMouseLeave && {
+        onMouseLeave: () => isOpen && setIsOpen(false),
+      })}
     >
       <DropdownButton
         name={name}

src/components/dropdown/Dropdown.tsx

@@ -56,7 +56,13 @@ export const CancelButton: FunctionComponent<InputProps> = ({
 export const SubmitButton: FunctionComponent<InputProps> = ({
   name,
   ...props
-}) => <StyledSubmit name={name || "Submit"} type="submit" {...props} />;
+}) => (
+  <StyledSubmit
+    name={name || "Submit"}
+    {...props}
+    {...(!props.type && { type: "submit" })}
+  />
+);
 
 export const Form: FunctionComponent<InputProps> = ({ children, ...props }) => (
   <Container {...props}>{children}</Container>