[resumes][chore] revert removal of value

apps/portal/src/components/resumes/shared/ResumeExperienceTypeahead.tsx

@@ -19,16 +19,18 @@ type Props = BaseProps &
   Readonly<{
     onSelect: (option: TypeaheadOption | null) => void;
     selectedValues?: Set<string>;
+    value?: TypeaheadOption | null;
   }>;
 
 export default function ResumeExperienceTypeahead({
   onSelect,
   selectedValues = new Set(),
+  value,
   ...props
 }: Props) {
   const [query, setQuery] = useState('');
   const options = EXPERIENCES.filter(
-    ({ value }) => !selectedValues.has(value),
+    (option) => !selectedValues.has(option.value),
   ).filter(
     ({ label }) =>
       label.toLocaleLowerCase().indexOf(query.toLocaleLowerCase()) > -1,
@@ -40,6 +42,7 @@ export default function ResumeExperienceTypeahead({
       noResultsMessage="No available experiences."
       nullable={true}
       options={options}
+      value={value}
       onQueryChange={setQuery}
       onSelect={onSelect}
       {...props}

apps/portal/src/components/resumes/shared/ResumeLocationTypeahead.tsx

@@ -19,11 +19,13 @@ type Props = BaseProps &
   Readonly<{
     onSelect: (option: TypeaheadOption | null) => void;
     selectedValues?: Set<string>;
+    value?: TypeaheadOption | null;
   }>;
 
 export default function ResumeLocationTypeahead({
   onSelect,
   selectedValues = new Set(),
+  value,
   ...props
 }: Props) {
   const [query, setQuery] = useState('');
@@ -46,7 +48,7 @@ export default function ResumeLocationTypeahead({
         label: name,
         value: id,
       }))
-      .filter(({ value }) => !selectedValues.has(value));
+      .filter((option) => !selectedValues.has(option.value));
   }, [countries, selectedValues]);
 
   return (
@@ -55,6 +57,7 @@ export default function ResumeLocationTypeahead({
       noResultsMessage="No location found"
       nullable={true}
       options={options}
+      value={value}
       onQueryChange={setQuery}
       onSelect={onSelect}
       {...props}

apps/portal/src/components/resumes/shared/ResumeRoleTypeahead.tsx

@@ -19,11 +19,13 @@ type Props = BaseProps &
   Readonly<{
     onSelect: (option: TypeaheadOption | null) => void;
     selectedValues?: Set<string>;
+    value?: TypeaheadOption | null;
   }>;
 
 export default function ResumeRoleTypeahead({
   onSelect,
   selectedValues = new Set(),
+  value,
   ...props
 }: Props) {
   const [query, setQuery] = useState('');
@@ -33,7 +35,7 @@ export default function ResumeRoleTypeahead({
       label,
       value: slug,
     }))
-    .filter(({ value }) => !selectedValues.has(value))
+    .filter((option) => !selectedValues.has(option.value))
     .filter(
       ({ label }) =>
         label.toLocaleLowerCase().indexOf(query.toLocaleLowerCase()) > -1,
@@ -45,6 +47,7 @@ export default function ResumeRoleTypeahead({
       noResultsMessage="No available roles."
       nullable={true}
       options={options}
+      value={value}
       onQueryChange={setQuery}
       onSelect={onSelect}
       {...props}