diff --git a/packages/devui/package.json b/packages/devui/package.json index ce3f7c2c..775ca022 100755 --- a/packages/devui/package.json +++ b/packages/devui/package.json @@ -40,7 +40,7 @@ "@types/base16": "^1.0.2", "@types/codemirror": "^5.60.2", "@types/prop-types": "^15.7.4", - "@types/react-select": "^3.1.2", + "@types/react-select": "^4.0.17", "@types/redux-devtools-themes": "^1.0.0", "@types/simple-element-resize-detector": "^1.3.0", "@types/styled-components": "^5.1.13", @@ -49,7 +49,7 @@ "color": "^3.2.1", "prop-types": "^15.7.2", "react-icons": "^4.2.0", - "react-select": "^3.2.0", + "react-select": "^4.3.1", "redux-devtools-themes": "^1.0.0", "simple-element-resize-detector": "^1.3.0", "styled-components": "^5.3.1" diff --git a/packages/devui/src/Select/Select.tsx b/packages/devui/src/Select/Select.tsx index 00b6e399..4b59d016 100644 --- a/packages/devui/src/Select/Select.tsx +++ b/packages/devui/src/Select/Select.tsx @@ -1,6 +1,7 @@ import React, { PureComponent, Component, ReactElement } from 'react'; import PropTypes from 'prop-types'; import ReactSelect, { + GroupTypeBase, NamedProps as ReactSelectProps, OptionTypeBase, } from 'react-select'; @@ -8,9 +9,10 @@ import createThemedComponent from '../utils/createThemedComponent'; import { Theme } from '../themes/default'; export interface SelectProps< - Option extends OptionTypeBase = OptionTypeBase, - IsMulti extends boolean = false -> extends Omit, 'theme'> { + Option extends OptionTypeBase, + IsMulti extends boolean = false, + Group extends GroupTypeBase