Fix first render of SelectField (#119)

* Return useEffect

* Bump up version

examples/package.json

@@ -19,7 +19,7 @@
     "uniforms-bridge-json-schema": "3.5.1",
     "uniforms-bridge-simple-schema": "3.5.1",
     "uniforms-bridge-simple-schema-2": "3.5.1",
-    "uniforms-patternfly": "4.7.8"
+    "uniforms-patternfly": "4.7.9"
   },
   "devDependencies": {
     "parcel-bundler": "^1.12.5",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "uniforms-patternfly",
-  "version": "4.7.8",
+  "version": "4.7.9",
   "description": "Patternfly forms for uniforms",
   "repository": "[email protected]:aerogear/uniforms-patternfly.git",
   "author": "Gianluca <[email protected]>",

src/SelectField.tsx

@@ -117,6 +117,19 @@ function SelectField(props: SelectFieldProps) {
     );
   }
 
+  useEffect(() => {
+    if (!props.value) {
+      setSelected([]);
+      setExpanded(false);
+    } else if (Array.isArray(props.value)) {
+      setSelected([...props.value]);
+      setExpanded(false);
+    } else {
+      setSelected(props.value);
+      setExpanded(false);
+    }
+  }, [props.value]);
+
   const [expanded, setExpanded] = useState<boolean>(false);
   const [selected, setSelected] = useState<string | string[] | number | number[] | undefined>([]);