Отладчик для Chrome в VSCode - переменные недоступны

Question

Я запустил отладку Chrome моего приложения React:

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome against localhost",
  "url": "http://localhost:8080",
  "webRoot": "${workspaceFolder}"
}

Когда приложение запускается, оно останавливается на точках останова, например :

  isActive(index) {
    return index === this.state.activePanelIndex;
  }

Однако в Debug Console или Watch окнах у меня есть доступ к переменным, например. (не зависая):

index ReferenceError: индекс не определен

this.state.activePanelIndex TypeError: Невозможно прочитать свойство

'activePanelIndex' из неопределенного this.state undefined

Почему это? Как я могу исправить?