Flow Causing Problems

example.js

/* @flow */
import { autobind } from 'core-decorators';
import React, { Component } from 'react';
import ListItem from 'apps/shared/dev/view/components/ProgressTracker/ListItem';

type ListItemData = {
    label: string,
    status: number,
    completed: boolean
}

type Props = {
    onSelectStep: Function,
    list: Array<ListItemData>
};

class ProgressTracker extends Component<any, Props, any> {

    static get StepStatus() {
        return {
            past: 0,
            current: 1,
            future: 2,
            error: 3
        };
    }

    @autobind
    onClick(e: SyntheticEvent): void {
        e.preventDefault();
        const $target = $(e.currentTarget);

        // only allow steps that are in the past to be edited
        if ($target.hasClass('c--past')) {
            const stepID = parseInt($target.data('id'), 10);
            this.props.onSelectStep(stepID);
        }
    }

    /**
     * @method getListItem
     * @param listValue
     * @returns {XML}
     */
    getListItem(listValue: ListItemData, index: number): React$Element {
        const label = listValue.label;
        const status = ['c--past', 'c--current', '', 'c--error'][listValue.status];

        let completion;
        switch (listValue.status) {
            case this.StepStatus.error: {
                completion = 'c--error';
                break;
            }

            case this.StepStatus.future: {
                completion = '';
                break;
            }

            default: {
                completion = 'c--completed';
            }
        }

        return (
            <ListItem
              key={index}
              id={index}
              classStatus={status}
              label={label}
              classCompletion={completion}
              onClick={this.onClick}
            />
        );
    }

    /**
     * @method StepStatus
     * @returns {*}
     * @constructor
     */
    get StepStatus() {
        return this.constructor.StepStatus;
    }

    props: Props;

    render(): React$Element {
        return (
            <ul className="c-progress-tracker">
                {this.props.list.map((listValue: ListItemData, index: number) => this.getListItem(listValue, index))}
            </ul>
        );
    }
}

export default ProgressTracker;