Обратный отсчет в React

Я пытаюсь понять, как сделать обратный отсчет перед игрой в компоненте Game в React. Я пытаюсь вот так, но он говорит, что this.countDown не является функцией - когда она четко определена.

Может кто-нибудь указать, где я ошибаюсь?

class Game extends Component {
  constructor() {
    super();

    this.state = {
      timer: 5,
      isHidden: true,
      randomIndex: 0,
      score: 0
    };

    this.countDown = this.countDown.bind(this);
  }

  countDown() {
    this.setState({
      timer: this.state.timer--
    });
  }

  render() {
    const tables = this.props.tables.map(table => {
      return (
        <li key = {table.uniqueId}>
          {table.timesTable[0]} X {table.timesTable[1]}
        </li>
      );
    });

    setInterval(function() {
      this.countDown();
      console.info(this.state.timer);
    }, 1000);

    // if (this.state.timer > 0) {
    //     this.countDown();
    // }

    return (
      <div className = "Game">
        <h3>Current Tables are:</h3>
        {tables}
        <h1 id = "countdown">{this.state.timer}</h1>
        <Question />
        {/* question handles the right or wrong logic, receives a random timestable */}
        <h3>Score: {this.state.score}</h3>
        <button onClick = {this.stopGame}>Stop Game</button>
        <button onClick = {this.startOver}>Start Over</button>
      </div>
    );
  }
}

export default Game;