Как мне обновить значение объекта на основе заданного значения?

Question

Я использую шаблон реагирующей админ-панели для проекта.Я хотел отобразить адрес аккаунта вместо имени.Проходя по коду, я обнаружил, что есть раздел, в котором у вас есть данные по умолчанию.Я хочу изменить эти данные и показать, что я получаю в переменной.Мой код выглядит следующим образом для части данных:

UserDetails.propTypes = {
  /**
   * The user details object.
   */
  userDetails: PropTypes.object
};

UserDetails.defaultProps = {
  userDetails: {
    name: "John Doe",
    avatar: require("./../../images/avatars/0.jpg"),
    jobTitle: "Project Manager",
    performanceReportTitle: "Workload",
    performanceReportValue: 74,
    metaTitle: "Description",
    metaValue:
      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio eaque, quidem, commodi soluta qui quae minima obcaecati quod dolorum sint alias, possimus illum assumenda eligendi cumque?"
  }
};

Я должен установить имя в качестве имени учетной записи внутри userdata.

const web3 = new Web3(Web3.givenProvider || "http://localhost:8545");
web3.eth.getAccounts().then(console.log);

let metaaccount = web3.eth.getAccounts();
console.log(metaaccount);

Я попытался изменить имя, выполнив это:

UserDetails.State({
  name: metaaccount
});

, но я получаю следующую ошибку

 TypeError: UserDetails.setState is not a function