This.state внутри статической функции в реакции

У меня есть следующий код:

constructor(props) {
    super(props);
    this.state = {
      percentage: 60,
    };

А также есть статическая функция, в которой я хочу использовать этот процент с помощью это.состояние.процент ->

static get progressBar(){
   <div>
     <ProgressBar percentage = {this.State.percentage} />
   </div>
}

Но он показывает ошибку, которая

Unexpected 'this'(mysticatea/no-this-in-static)

Также под этим кодом отображается ошибка, которая

'percentage is missing in props validation'

const ProgressBar = props => (
  <div className = "progress-bar">
    <Filler percentage = {props.percentage} />
  </div>
);

const Filler = props => (
  <div className = "filler" style = {{ width: `${props.percentage}%` }} />
);

Я не понимаю, почему он показывает эти ошибки. И поскольку я новичок, чтобы реагировать, я не мог понять проблему.