fix: country loader controlled (#99)

* bump medusa-react

* fix warning

Author: kasperkristensen

src/modules/layout/components/country-select/index.tsx

@@ -45,7 +45,7 @@ const CountrySelect = () => {
     <div onMouseEnter={open} onMouseLeave={close}>
       <Listbox
         onChange={handleChange}
-        value={
+        defaultValue={
           countryCode
             ? options?.find((o) => o.country === countryCode)
             : undefined
@@ -81,10 +81,10 @@ const CountrySelect = () => {
               className="absolute -bottom-[calc(100%-36px)] left-0 xsmall:left-auto xsmall:right-0 max-h-[442px] overflow-y-scroll z-[900] bg-white drop-shadow-md text-small-regular uppercase text-black no-scrollbar"
               static
             >
-              {options?.map((o) => {
+              {options?.map((o, index) => {
                 return (
                   <Listbox.Option
-                    key={o.country}
+                    key={index}
                     value={o}
                     className="py-2 hover:bg-gray-200 px-3 cursor-pointer flex items-center gap-x-2"
                   >