gistfile1.js

function createDisabledUntilClientRendersComponent(component, displayName='ClientComponent') {
  return React.createClass({

    displayName,

    propTypes: {
      disabled: React.PropTypes.bool
    },

    getInitialState() {
      return { clientRendered: false }
    },

    componentDidMount() {
      this.setState({ clientRendered: true })
    },

    render() {
      const ClientComponent = component
      const { clientRendered } = this.state
      const { disabled } = this.props
      const renderDisabled = clientRendered ? disabled : !clientRendered
      return <ClientComponent {...this.props} disabled={renderDisabled}/>
    }

  })
}


// usage
const ClientButton = createDisabledUntilClientRendersComponent('button', 'ClientButton')

// tests
describe('createDisabledUntilClientRendersComponent', () => {
  it('returns a component')
  describe('ClientComponent', () => {
    describe('when server rendered', () => {
      it('is disabled without a disabled prop')
      it('is disabled with a `true` disabled prop')
      it('is disabled with a `false` disabled prop')
    })
    describe('when mounted in the client', () => {
      it('is enabled without a disabled prop')
      it('is disabled with a `true` disabled prop')
      it('is enabled with a `false` disabled prop')
    })
  })
})

alternative is to render null and save some HTML bytes over the wire.