feat: infinite loop when using setSelectedCountry (#89)

trinhthinh388 · Mar 6, 2024 · 2c1bd30 · 2c1bd30
1 parent 676a596
commit 2c1bd30
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 5 deletions.
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -10,7 +10,7 @@
     "clean": "rimraf .turbo && rimraf node_modules && rimraf .next"
   },
   "dependencies": {
-    "@react-awesome/components": "1.0.16",
+    "@react-awesome/components": "1.0.17",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lucide-react": "^0.315.0",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @react-awesome/components
 
+## 1.0.17
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-awesome/phone-input@1.1.5
+
 ## 1.0.16
 
 ### Patch Changes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-awesome/components",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -39,7 +39,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@react-awesome/phone-input": "1.1.4",
+    "@react-awesome/phone-input": "1.1.5",
     "@react-awesome/use-click-outside": "0.0.3",
     "@react-awesome/use-preserve-input-caret-position": "0.0.3",
     "@react-awesome/use-selection-range": "0.0.3",

diff --git a/packages/phone-input/CHANGELOG.md b/packages/phone-input/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @react-awesome/phone-input
 
+## 1.1.5
+
+### Patch Changes
+
+- infinite loop when set country via setSelectedCountry
+
 ## 1.1.4
 
 ### Patch Changes

diff --git a/packages/phone-input/package.json b/packages/phone-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-awesome/phone-input",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

diff --git a/packages/phone-input/src/hooks/usePhoneInput.tsx b/packages/phone-input/src/hooks/usePhoneInput.tsx
@@ -224,8 +224,8 @@ export const usePhoneInput = ({
   )
   const setSelectedCountry = React.useCallback(
     (country: CountryCode) => {
-      const metadata = generateMetadata('')
       currentCountryCodeRef.current = country
+      const metadata = generateMetadata('')
       onPhoneChange(undefined, metadata)
       setInnerValue('')
       closeCountrySelect()