gilbarbara/react-inlinesvg

Error: React.createElement: type is invalid

toddmedema opened this issue · 1 comments

Expected behavior

To render properly and without error.

Actual behavior

Page freezes / fails to render, and I receive this error:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `Callout`.

Steps to reproduce the problem

I replaced this line in my render function: <p><img src={'images/' + this.props.icon + '_small.svg'}></img></p>
With <p><SVG src={'images/' + this.props.icon + '_small.svg'}></SVG></p>

React version

15.6.2

React-Tooltips version

N/A

Error stack

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `Callout`.
    in Callout (created by QuestSetup)
    in div (created by ExpeditionCard)
    in div (created by ExpeditionCard)
    in div (created by ExpeditionCard)
    in div (created by ExpeditionCard)
    in ExpeditionCard (created by QuestSetup)
    in QuestSetup (created by Connect(QuestSetup))
    in Connect(QuestSetup)
    in div (created by Main)
    in CSSTransitionGroupChild (created by TransitionGroup)
    in span (created by TransitionGroup)
    in TransitionGroup (created by CSSTransitionGroup)
    in CSSTransitionGroup (created by Main)
    in span (created by Main)
    in Provider (created by Main)
    in div (created by Main)
    in Main
    in MuiThemeProvider

I don't see the InlineSVG component in your error stack and this module doesn't use React.createElement at all.