add useEffect when props.visiable changing

xcarpentier · Nov 20, 2019 · 0258a31 · 0258a31
1 parent 923c2a6
commit 0258a31
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/CountryPicker.tsx b/src/CountryPicker.tsx
@@ -115,6 +115,13 @@ export const CountryPicker = (props: CountryPickerProps) => {
   })
   const { translation, getCountriesAsync } = useContext()
   const { visible, filter, countries, filterFocus } = state
+
+  useEffect(() => {
+    if (state.visible !== props.visible) {
+      setState({ ...state, visible: props.visible });
+    }
+  }, [props.visible])
+
   const onOpen = () => {
     setState({ ...state, visible: true })
     if (handleOpen) {