fix(auth): fix console errors

jwplayer · Aug 6, 2021 · e293764 · e293764
1 parent d251b26
commit e293764
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
@@ -52,15 +52,24 @@ const Dropdown: React.FC<Props & React.AriaAttributes> = ({
         </label>
       )}
       <div className={classNames(styles.dropdown, { [styles.fullWidth]: fullWidth })}>
-        <select id={id} className={styles.select} name={name} value={value} onChange={onChange} aria-required={required} {...rest}>
+        <select
+          id={id}
+          className={styles.select}
+          name={name}
+          value={value}
+          onChange={onChange}
+          aria-required={required}
+          defaultValue={defaultLabel}
+          {...rest}
+        >
           {defaultLabel && (
-            <option className={classNames(styles.option, optionsStyle)} value="" disabled={required} selected={value === ''}>
+            <option className={classNames(styles.option, optionsStyle)} value="" disabled={required}>
               {defaultLabel}
             </option>
           )}
           {options &&
             options.map((option) => (
-              <option className={classNames(styles.option, optionsStyle)} key={option} value={option} selected={value === option}>
+              <option className={classNames(styles.option, optionsStyle)} key={option} value={option}>
                 {valuePrefix}
                 {option}
               </option>

diff --git a/src/components/PersonalDetailsForm/PersonalDetailsForm.tsx b/src/components/PersonalDetailsForm/PersonalDetailsForm.tsx
@@ -51,6 +51,7 @@ const PersonalDetailsForm: React.FC<Props> = ({
       error: !!questionErrors[key],
       helperText: questionErrors[key],
       required,
+      key,
     };
 
     if (values.length === 1) {