Resolved: React-Select component not displaying values stored within Formik’s state values

import ReactSelect from 'react-select';

  const myFields = [
    { field_id: 0, field_name: 'field_name_0' },
    { field_id: 1, field_name: 'field_name_1' },
    { field_id: 2, field_name: 'field_name_2' },
    { field_id: 3, field_name: 'field_name_3' },
    { field_id: 4, field_name: 'field_name_4' },
    { field_id: 5, field_name: 'field_name_5' },
  ];

                <ReactSelect
                  isMulti={true}
                  name="selectedFields"
                  id="sel"
                  placeholder="Fields"
                  options={myFields.map((field) => ({
                    value: field,
                    label: field.field_name
                  }))}
                  onChange={(fieldSel) => {
                    setFieldValue(
                      'selectedFields',
                      fieldSel.map((field) => field.value)
                    );
                  }}
                />

"selectedFields": [
            {
                "field_id": 0,
                "field_name": "field_name_0"
            },
            {
                "field_id": 1,
                "field_name": "field_name_1"
            },
            {
                "field_id": 2,
                "field_name": "field_name_2"
            }
        ],

 <ReactSelect
      options={myFields.map((field) => ({
        value: field,
        label: field.field_name
      }))}
      value={selectedFields.map(field => ({label: field.field_name, value: field}))
      onChange={(fieldSel) => {
        setFieldValue(
        'selectedFields',
        fieldSel.map((field) => field.value));
      }}
  />