Uncaught TypeError: Super expression must either be null or a function, not undefined(…)
<p>The question that tracks this issue was not able to solve my problem.</p>

<p><a href="https://stackoverflow.com/questions/30116430/reactjs-giving-error-uncaught-typeerror-super-expression-must-either-be-null-or">reactjs giving error Uncaught TypeError: Super expression must either be null or a function, not undefined</a></p>

<p>My react version is "^15.3.1".</p>

<p>I have added the code snippet below</p>

<pre><code>import React from 'react';
import { ButtonInput } from 'react-bootstrap';
import {Form,ValidatedInput} from 'react-bootstrap-validation';

class myComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleValidSubmit = this.handleValidSubmit.bind(this);
    this.handleInvalidSubmit = this.handleInvalidSubmit.bind(this);

  }
  handleValidSubmit(values){

  }
  handleInvalidSubmit(errors,values){

  }
  render() {
    return (
        &lt;Form   onValidSubmit={this.handleValidSubmit}
                onInvalidSubmit={this.handleInvalidSubmit}&gt;

                &lt;ValidatedInput
                    type='text'
                    label='Email'
                    name='email'
                    validate='required,isEmail'
                    errorHelp={{
                        required: 'Please enter your email',
                        isEmail: 'Email is invalid'
                    }}
                /&gt;

                &lt;ValidatedInput
                    type='password'
                    name='password'
                    label='Password'
                    validate='required,isLength:6:60'
                    errorHelp={{
                        required: 'Please specify a password',
                        isLength: 'Password must be at least 6 characters'
                    }}
                /&gt;

                &lt;ValidatedInput
                    type='password'
                    name='password-confirm'
                    label='Confirm Password'
                    validate={(val, context) =&gt; val === context.password}
                    errorHelp='Passwords do not match'
                /&gt;


                &lt;ValidatedInput
                    type='checkbox'
                    name='agree'
                    label='I agree to the terms and conditions'
                    validate='isChecked'
                /&gt;

                 &lt;ButtonInput
                    type='submit'
                    bsSize='large'
                    bsStyle='primary'
                    value='Register'
                /&gt;

            &lt;/Form&gt;
    );
  }
}

module.exports = myComponent;
</code></pre>