How to use the keypress.js.Listener function in keypress

import Vizceral from 'vizceral-react';
require('vizceral-react/dist/vizceral.css');

import Breadcrumbs from './breadcrumbs';
import DisplayOptions from './displayOptions';
import FilterControls from './filterControls';
import NodeDetails from './nodeDetails';
import LoadingCover from './loadingCover';
import Locator from './locator';
import OptionsPanel from './optionsPanel';
import UpdateStatus from './updateStatus';

import filterActions from './filterActions';
import filterStore from './filterStore';

const listener = new keypress.Listener();

// Start TWEEN updates for sparklines and loading screen fading out
import TWEEN from 'tween.js';
function animate (time) {
  requestAnimationFrame(animate);
  TWEEN.update(time);
}
requestAnimationFrame(animate);

const panelWidth = 400;


class TrafficFlow extends React.Component {
  constructor (props) {
    super(props);
    this.state = {

import LoadingCover from './loadingCover';
import Locator from './locator';
import OptionsPanel from './optionsPanel';
import CustomVizceral from './customVizceral';
import ReplayClock from './replayClock';
import ServerStatus from './serverStatus';

import filterActions from './filterActions';
import filterStore from './filterStore';

import trafficActions from './trafficActions';
import trafficStore from './trafficStore';

import AppConstants from '../appConstants';

const listener = new keypress.Listener();

const hasOwnPropFunc = Object.prototype.hasOwnProperty;

function animate (time) {
  requestAnimationFrame(animate);
  TWEEN.update(time);
}
requestAnimationFrame(animate);

const panelWidth = 400;

class TrafficFlow extends React.Component {
  static defaultProps = {
    interval: 10 * 1000,
    maxReplayOffset: 12 * 60 * 60
  }

import './trafficFlow.css';
import Breadcrumbs from './breadcrumbs';
import DisplayOptions from './displayOptions';
import PhysicsOptions from './physicsOptions';
import FilterControls from './filterControls';
import DetailsPanelConnection from './detailsPanelConnection';
import DetailsPanelNode from './detailsPanelNode';
import LoadingCover from './loadingCover';
import Locator from './locator';
import OptionsPanel from './optionsPanel';
import UpdateStatus from './updateStatus';

import filterActions from './filterActions';
import filterStore from './filterStore';

const listener = new keypress.Listener();

const hasOwnPropFunc = Object.prototype.hasOwnProperty;

function animate (time) {
  requestAnimationFrame(animate);
  TWEEN.update(time);
}
requestAnimationFrame(animate);

const panelWidth = 400;

class TrafficFlow extends React.Component {
  constructor (props) {
    super(props);

    this.state = {

import './trafficFlow.css';
import Breadcrumbs from './breadcrumbs';
import DisplayOptions from './displayOptions';
import PhysicsOptions from './physicsOptions';
import FilterControls from './filterControls';
import DetailsPanelConnection from './detailsPanelConnection';
import DetailsPanelNode from './detailsPanelNode';
import LoadingCover from './loadingCover';
import Locator from './locator';
import OptionsPanel from './optionsPanel';
import UpdateStatus from './updateStatus';

import filterActions from './filterActions';
import filterStore from './filterStore';

const listener = new keypress.Listener();

const hasOwnPropFunc = Object.prototype.hasOwnProperty;

function animate (time) {
  requestAnimationFrame(animate);
  TWEEN.update(time);
}
requestAnimationFrame(animate);

const panelWidth = 400;

class TrafficFlow extends React.Component {
  constructor (props) {
    super(props);

    this.state = {

import request from "superagent";
import "./trafficFlow.css";
import Breadcrumbs from "./breadcrumbs";
import DisplayOptions from "./displayOptions";
import PhysicsOptions from "./physicsOptions";
import FilterControls from "./filterControls";
import DetailsPanelConnection from "./detailsPanelConnection";
import DetailsPanelNode from "./detailsPanelNode";
import LoadingCover from "./loadingCover";
import Locator from "./locator";
import OptionsPanel from "./optionsPanel";
import UpdateStatus from "./updateStatus";
import filterActions from "./filterActions";
import filterStore from "./filterStore";

const listener = new keypress.Listener();

const hasOwnPropFunc = Object.prototype.hasOwnProperty;

function animate(time) {
    requestAnimationFrame(animate);
    TWEEN.update(time);
}
requestAnimationFrame(animate);

const panelWidth = 400;

class TrafficFlow extends React.Component {
    constructor(props) {
        super(props);

        this.state = {