Update on Interval Higher Order Component

1. updateOnInterval.jsx

import React, { Component } from 'react';

import clock, { validIntervals } from '../utils/clock';

const updateOnInterval = (interval = 1) => {
  return BaseComponent => class extends Component {
    static displayName = `updateOnInterval(${BaseComponent.displayName})`;

    componentDidMount() {
      this.subscription = clock.addListener(
        `seconds.${interval}`, () => this.forceUpdate()
      );
    }

    componentWillUnmount() {
      this.subscription.remove();
    }

    render() {
      return <BaseComponent {...this.props}/>;
    }
  };
};

export default updateOnInterval;

2. clock.js

import { EventEmitter } from 'fbemitter';

const emitter = new EventEmitter();

let total = 0;

setInterval(() => {
  emitter.emit('seconds.1', ++total);
  if (total % 5 === 0) {
    emitter.emit(`seconds.5`, ++total);
  }
}, 1000);

export default emitter;
export const validIntervals = [1, 5];