Магазин не очищается после монтажа, имея одинаковую ценность каждый раз

Question

Я новичок в mobx и react. Здесь у меня есть следующий код. Итак, вот,

return useObserver(() => {
    const bginfo = useLocalStore(() => ({
      status: bgStatus,
      setStatus(event) {
        bginfo.status = event.target.value
      }
    }))
    return (
      <div className={css.rootContainer}>
        <Select
          className={css.bgStatusMenu}
          disableUnderline
          classes={{
            root: css.root
          }}
          onChange={bginfo.setStatus}
          value={bginfo.status}>
          {bgstatusdata &&
            bgstatusdata.map((status: IbgStatus, index) => (
              <MenuItem
                key={status.Id}
                value={status.Value}
                classes={{
                  selected: css.selected
                }}
                className={css.bgStatusMenuOptions}>
                {status.Description}
              </MenuItem>
            ))}
        </Select>
      </div>
    )
  })

В этом я получаю значение в bgStatus проп. Но когда он value={bginfo.status} там, он принимает только предыдущее значение. Кто-нибудь может мне помочь с этим?