Bomb.js

import React from 'react';


export default class Bomb extends React.Component {
    constructor(props) {
      super(props)
      this.state = { count: 0 };
    }
    componentDidMount() {
      this.interval = setInterval(() => {
        this.setState({count: this.state.count + 1})
      }, 1000)
    }
    componentWillUnmount() {
      clearInterval(this.interval)
    }

    render() {
        let renderedText = "";
        if (this.state.count >= 8) {
            renderedText = 'KABOOM!';
            clearInterval(this.interval);
        } else if (this.state.count % 2) {
            renderedText = 'tick'
        } else {
            renderedText = 'tock'
        }

      return (
        <div><p>{renderedText}</p></div>
      )
    }
  }