Skip to content

Uncaught TypeError: Super expression must either be null or a function, not undefined #70

Description

@j0hny666

Hello,

I have recently updated my modules and started seeing this error. When debugging bundle.js, I have found out that it is caused with ValidatedInput having its parent "undefined".

React v15.3.1
React-bootstrap installed as a dependency
React-bootstrap-validation current version
Babel 6

Thanks for looking into this!
spectacle gj3115

Activity

  1. Serexx commented on Aug 25, 2016

    @Serexx

    Moi aussi ("me too") - webpack dependencies are below. I really do not want to have to switch packages or roll my own but may have to if no solution is readily available... error is identical to that shown by OP. Any suggestions greatly apreciated

    "dependencies": {
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "flux": "^2.1.1",
    "history": "^3.0.0",
    "postcss-loader": "^0.10.1",
    "react": "^15.3.0",
    "react-dom": "^15.3.0",
    "react-router": "^2.6.1",
    "style-loader": "^0.13.1",
    "react-bootstrap": "^0.30.3",
    "react-bootstrap-validation": "^0.1.11"
    },

  2. suman-tms commented on Aug 25, 2016

    @suman-tms

    I am also having the same problem..

  3. j0hny666 commented on Aug 25, 2016

    @j0hny666
    Author

    I have found out what causes the issue: Input.js was removed from react-bootstrap and replaced by FormControl.js, but ValidatedInput.js still relies on former Input component. Unfortunately, I don't have enough experience to attempt fixing this issue myself, but at least this information can help others.

  4. LoicUV commented on Aug 25, 2016

    @LoicUV

    Duplicate of #69 #65 #56 ...

  5. xizhao commented on Aug 29, 2016

    @xizhao

    New react-bootstrap breaks with this component.

  6. salujaharkirat commented on Sep 8, 2016

    @salujaharkirat

    Yeah broken for me too.. @xizhao can you tell which version of react-bootstrap works with this?

  7. xizhao commented on Sep 8, 2016

    @xizhao

    @JinxAc Sure, for me anything under react-bootstrap <0.30.0 works, i'm on 0.29.5

  8. westhomas commented on Sep 22, 2016

    @westhomas

    +1

  9. lakhansamani commented on Oct 11, 2016

    @lakhansamani

    +1

  10. sshaginyan commented on Oct 13, 2016

    @sshaginyan

    +1

  11. dvdgarcia commented on Oct 21, 2016

    @dvdgarcia

    A lot of errors using a lower version :(

  12. nguyenbathanh commented on Nov 17, 2016

    @nguyenbathanh

    +11

  13. rodrigooler commented on Nov 25, 2016

    @rodrigooler

    +1

  14. UpCoder commented on Nov 26, 2016

    @UpCoder

    can I use it with react-bootstrap(version > 0.30.0 )?

  15. JohnHanna86 commented on Nov 27, 2016

    @JohnHanna86

    +1

  16. MaxTwentythree commented on Nov 30, 2016

    @MaxTwentythree

    +1

  17. kristiandelay commented on Dec 1, 2016

    @kristiandelay

    I have got this to work downgrading react-bootstrap back to ^0.28.1
    anything above that seems to break with this error

    Working with:

    ...
    "react-bootstrap": "^0.28.1",
    "react-bootstrap-validation": "^0.1.11",
    ....
    
  18. mikebz commented on Dec 4, 2016

    @mikebz

    it's too bad that downgrading is the only solution

  19. nguyenbathanh commented on Dec 4, 2016

    @nguyenbathanh

    I suggest using redux-form. It's very powerful form validation component for react.

  20. AlexanderKozhevin commented on Aug 22, 2017

    @AlexanderKozhevin

    +1

  21. satenderjoon commented on Sep 12, 2017

    @satenderjoon

    +1

  22. vpste1 commented on Sep 22, 2017

    @vpste1

    +1

  23. youslydogyou commented on Oct 6, 2017

    @youslydogyou

    +1

  24. PDS42 commented on Oct 12, 2017

    @PDS42

    Why do you all say "+1" instead of just thumbs up on the issue? If you have insight that can help resolving it, post your config and screenshots that could help further debugging. Otherwise you're just spamming this thread for no reason. This is likely a babel issue regarding circular module imports. I'm looking into it, will come back with my solution if I solve it.

  25. mikedevita commented on Oct 12, 2017

    @mikedevita

    Why do you all say "+1" instead of just thumbs up on the issue? If you have insight that can help resolving it, post your config and screenshots that could help further debugging. Otherwise you're just spamming this thread for no reason.

    It goes back to the days before GitHub (GH) had the thumbs up/down reactions, a lot of people still post it out of habit, myself included (often times because I am replying via email on my phone).

    I wish GH would have some automated workflow that would take comments with just "+1" or "-1" and convert them to thumbs up/down automatically and delete the comment or hide it.

    I agree it is quite spammy.

  26. neilyoung commented on Dec 12, 2017

    @neilyoung

    +1

  27. AdrianMrn commented on Aug 24, 2018

    @AdrianMrn

    Any fix for this yet except for downgrading react-bootstrap, as far as anyone knows?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions