title: defaultProps overrides delevert props
body: <p>I have an simple react component that i send a bool prop to like <code>&lt;MenuItem active={notificationMenu.shown} /&gt;</code><br>
  but the prop don't get changed inside the component and is always true even if i pass it in on the element</p>
  
  <pre><code>@Radium
  export class MenuItem extends Component {
    styles = {
      hidden: {
        listStyleType: "none"
      }
    }
    static propTypes = {
      active: React.PropTypes.bool.isRequired
    }
    static defaultProps = {
      active: true
    }
    render() {
      if(this.props.active) {
        return (
          &lt;li style={this.props.style}&gt;
            {this.props.children}
          &lt;/li&gt;
        )
      } else {
        return (
          &lt;li style={[this.styles.hidden, this.props.style]}&gt;&amp;nbsp;&lt;/li&gt;
        )
      }
    }
  }
  </code></pre>