Установка default value для Material ui Selcet из useSelector

В дефолтное значение const [index, setIndex] = React.useState(defaultValue); не приписывается строка, которую я беру из редакса путем доставания ее с помощью useSelector.

  const classes = useStyles();

 const defaultValue = useSelector(state => state.areas.defaultIndex.name);//вытягиваю из редакса объект уже найденный и записанный ,который хочу установить как дефолтное значение 

 const currencies =  useSelector(state => state.areas.currencies); //беру из редакса массив обектов которые высвечиваются списком в селекте

  const [index, setIndex] = React.useState(defaultValue);// устанавливаю его сюда - возвращаемое значение строка - по итогу не работает 

  const handleChange = event => {
    setIndex(event.target.value);
  };
  return (
    <form className={classes.root} autoComplete="off">
      <FormControl className={classes.margin}>
        <Select
          value={index}
          className={classes.inner}
          onChange={handleChange}
          input={<BootstrapInput name="currency" id="currency-customized-select" />}
        >
         {currencies.map(e =>{
                 <MenuItem value={e.name} key={e.id}></MenuItem>

          }} 

        </Select>
      </FormControl>
    </form>
  );
}

Проблема именно в том,что я могу установить как дефолтное значение просто вручную приписав какую-то строку типа "hello" , а если устанавливаю то,что вытянула из редакса - не высвечивается.

в переменной const defaultValue = useSelector(state => state.areas.defaultIndex.name); сидит строка "Warsaw" .

В чем может быть проблема?