fix: country value not updating when moving back and forth between st…

…eps (#232)

#231

CHANGELOG.md

@@ -4,8 +4,10 @@
 
 ### Bugfix
 
+- country value is not updating if user moves back and forth between steps [#232](https://github.com/eclipse-tractusx/portal-frontend-registration/pull/232)
 - remove code that always displays error message on screen [#230](https://github.com/eclipse-tractusx/portal-frontend-registration/pull/230)
 
+
 ## 2.0.1
 
 ### Change

src/components/cax-companyData.tsx

@@ -123,12 +123,14 @@ export const CompanyDataCax = () => {
 
   useEffect(() => {
     const index = i18n.language === 'de' ? 0 : 1
-    countryList = countryList?.map((country) => ({
-      id: country.alpha2Code,
-      label:
-        country.countryName[index]?.value + ' (' + country.alpha2Code + ')',
-    }))
-    setCountryArr(countryList)
+    if (countryList?.length > 0 && Array.isArray(countryList[0].countryName)) {
+      countryList = countryList?.map((country) => ({
+        id: country.alpha2Code,
+        label:
+          country.countryName[index]?.value + ' (' + country.alpha2Code + ')',
+      }))
+      setCountryArr(countryList)
+    }
   }, [countryList, i18n.language])
 
   const defaultSelectedCountry = countryArr?.filter(
@@ -586,7 +588,7 @@ export const CompanyDataCax = () => {
                 <Autocomplete
                   id="selectList"
                   options={countryArr}
-                  defaultValue={defaultSelectedCountry}
+                  value={defaultSelectedCountry}
                   renderInput={(params) => (
                     <TextField variant="standard" {...params} />
                   )}