add useEffect when props.visiable changing

Author: Vitalik7

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) {