React Event Handlers not firing when using code from npm

I made a jsx file with a React component. I can require locally and everything works fine. However, when I use the version I published to npm by doing npm install react-tabs-component, rendering works none of the event handlers fire. No errors or warnings.

I don't think there's anything wrong with the code, because it works locally and it passes a thorough test suite.

I think I must have done something wrong with my package.json:

{ "name": "react-tabs-component", "version": "1.1.1", "description": "Tabs Component for React with the simplest API", "keywords": [ "React", "tabs", "tab", "component" ], "repository": { "type": "git", "url": "http://ift.tt/1yf6km5" }, "main": "Tabs.js", "dependencies": { "envify": "^3.4.0", "react": "^0.12.0", "reactify": "^1.1.0" }, "author": "Max Heiber", "browserify": { "transform": [ "reactify" ] }, "scripts": { "test": "jest" }, "jest": { "rootDir": "./", "scriptPreprocessor": "./jest-preprocessor.js", "unmockedModulePathPatterns": [ "react", "./node_modules/react/" ] }, "devDependencies": { "jest-cli": "0.4.0", "react-tools": "0.13.1", "reactify": "1.1.0" }, "bugs": { "url": "http://ift.tt/1yf6mdJ" }, "homepage": "http://ift.tt/1yf6km5", "directories": { "example": "examples" }, "license": "ISC" }

and here is a simplified version of the code from package:

var React = require('react/addons');

var getChildrenArray = function(context){
    var children = [];
    React.Children.forEach(context.props.children,function(child){
        children.push(child);
    });
    return children;
};

var Tabs = React.createClass({
    propTypes:{
        defaultTabNum: React.PropTypes.number,
    },
    getDefaultProps: function(){
        return {
            defaultTabNum: 0
        };
    },
    getInitialState: function(){
        return {activeTabNum: this.props.defaultTabNum};
    },
    setActiveTabNum: function(num,callback){
        this.setState({activeTabNum: num},callback);
    },
    getActiveTabNum: function(){
        return this.state.activeTabNum;
    },
    _change: function(e){
        this.setActiveTabNum(newActiveTabNum,callback);
    },
    render: function(){
        var children = getChildrenArray(this);
        var activeTabContent = children[this.state.activeTabNum];

        var tabs = this.props.tabNames.map(function(tabName,tabNum){
            var isActive = (tabNum === this.state.activeTabNum);
            return (
                <span 
                    key={'tab-'+tabNum}
                    data-tabnum={tabNum}
                    onClick={this._change}
                >
                    {tabName}
                </span>

                    );
        }.bind(this));

        return (
            <div>
            <nav>{tabs}</nav>
            {activeTabContent}
            </div>
        );
    }
});

module.exports = Tabs;

And here is the code that works when Tabs.js is in the same directory, but not when I use the version that is in node_modules when I npm install:

var Tabs=require('react-tabs-component');
var React=require('react');

React.render(
  <Tabs tabNames={[1, 2, 3]}>
    <p>1</p><p>2</p><p>3</p>
  </Tabs>,
  document.getElementById('react')
);

I'm using Browserify and Reactify.

I know I might be down-voted for posting this much code, but I didn't want to test by junking up npm with a lot of packages that don't work. Thanks for your help.