Foreign prop onMouseDown found in [mesh/react3]

Hi,

First, thanks for your great job, this lib is really cool !

I'm trying to do some stuff with it but i have a little issue when i try to give a onMouseDown event handler to mesh or react3 components like you did in your examples.

handleClick(event) {
    event.preventDefault();

    this.context.executeAction(changeColorAction, {});
}

render() {
    let window = this.context.getStore(ApplicationStore).getWindow(),
        height = window ? window.innerHeight : 500,
        width = window ? window.innerWidth : 500;

    return (
        <div>
            <React3 mainCamera="camera" width={width} height={height} antialias={true}
                onAnimate={this.handleAnimate} clearColor={0xffffff}>
                <scene>
                    <perspectiveCamera name="camera" fov={75} aspect={width/height}
                        near={0.1} far={1000} position={this.props.cameraPosition} />
                    <mesh rotation={this.props.cubeRotation} ref="mesh" onMouseDown={this.handleClick}>
                        <boxGeometry width={1} height={1} depth={1} />
                        <meshBasicMaterial color={this.props.color} wireframe />
                    </mesh>
                </scene>
            </React3>
        </div>
    );
}

I have a foreign prop onMouseDown found in mesh error when i do this. Am I doing something wrong ? (I just want to change color when i click on cube, this is working perfectly when I assign event handler to parent div)

Thanks

firtoz / react-three-renderer

Foreign prop onMouseDown found in [mesh/react3] #5