Невозможно назначить только для чтения свойство 'backgroundColor' объекта '# <Object>' в eval

Question

Я пытаюсь установить цвет кнопки динамически на основе данных, которые я извлекаю из базы данных, но всякий раз, когда я пытаюсь присвоить его уже существующему объекту, в заголовке выдается ошибка: Cannot assign to read only property 'backgroundColor' of object '#<Object>' at eval. Вот мой код:

fetch(config.widget_config.api_url)
.then(response => {
  return response.json();})
.then(jsonResponse => {
  divStyle.backgroundColor = jsonResponse.data[0].color;
})
.catch (error => {
  console.log(error) 
})

const divStyle = {
  backgroundColor: string
}; 
const Launcher = ({ toggle, chatOpened, badge }) =>
  <button type="button" style={divStyle} className={chatOpened ? 'rcw-launcher rcw-hide-sm' : 'rcw-launcher'}   onClick={toggle} >
    <Badge badge={badge} />
    {chatOpened ?
      <img src={close} className="rcw-close-launcher" alt="" /> :
      <img src={openLauncher} className="rcw-open-launcher" alt="" />
    }
  </button>;

Любая помощь будет принята с благодарностью, потому что я пытался решить эту проблему в течение двух дней.