How to render value in the dropdown box

[ss750]

I am very new to react and creating some dynamic dropdown using this chakra-react-select library. Below is my onchange function and value that I'm setting to this component, I am unable to render this value in dropdown. It's just showing me empty box while in console I can print the value of segment['segment type']. How can I use value prop here to set the value of dropdown?

<Select
      name="segment"
      options={Object.keys(segmentFields).map((segmentType, sid) => ({
      label: segmentType,
      value: segmentType
      }))}
      value={segment['segment type']}
      onChange={(val) => handleSegmentType(val['value'], segment.id)}
      closeMenuOnSelect={true}
      size="sm"
/>
              
const handleSegmentType = (val, idx) => {
    const tmpSegmentData = [...segmentData];
    const index = tmpSegmentData.findIndex((item) => item.id === idx);
    tmpSegmentData[index]['segment type'] = val;
    setSegmentData(tmpSegmentData);
 };

[dechenthetibetangirl]

Hello. So did you find the solution ?