fix Select

involvestecnologia · Jun 10, 2020 · 16aacf6 · 16aacf6
1 parent 4b631fe
commit 16aacf6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/lib/components/Select/Select.jsx b/src/lib/components/Select/Select.jsx
@@ -25,7 +25,7 @@ export const Select = ({
   ...props
 }) => {
   const [options, setOptions] = useState([]);
-  const [selected, setSelected] = useState(defaultValue || {});
+  const [selected, setSelected] = useState({});
   const [isFocused, setIsFocused] = useState(false);
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState('');
@@ -106,6 +106,10 @@ export const Select = ({
     updateOptionsWithSelected(originalOptions, defaultValue, setSelected)
   }, []);
 
+  useEffect(() => {
+    if (defaultValue && defaultValue.value) setSelected(defaultValue)
+  }, [defaultValue])
+
   useEffect(() => {
     updateOptionsWithSelected(async ? options : originalOptions);
     if (onSelect) onSelect(selected);

diff --git a/src/lib/components/Select/Select.mdx b/src/lib/components/Select/Select.mdx
@@ -95,7 +95,7 @@ import { State } from 'react-powerplug';
 ## async
 
 <Playground>
-  <State initial={{ selected: {value: "red", label: "Red"} }}>
+  <State initial={{ selected: {} }}>
     {({ state, setState }) => {
       const colourOptions = [
         {value: "blue", label: "Blue"},