Skip to content

Commit c37e063

Browse files
committed
Fix invalid tag
Babel's react-jsx preset treats low-case tags as literal elements, not as a variables. So, for jsx: <wrapper ... /> It generates js: React.createElement('wrapper') But we want: React.createElement(wrapper) Changing case of variable fixes the issue
1 parent 8a20794 commit c37e063

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/index.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -433,21 +433,21 @@ class ReactTooltip extends Component {
433433
{'type-light': this.state.type === 'light'}
434434
)
435435

436-
let wrapper = ReactTooltip.supportedWrappers[this.props.wrapper]
437-
if (!wrapper) wrapper = ReactTooltip.supportedWrappers['div']
436+
let Wrapper = ReactTooltip.supportedWrappers[this.props.wrapper]
437+
if (!Wrapper) Wrapper = ReactTooltip.supportedWrappers['div']
438438

439439
if (html) {
440440
return (
441-
<wrapper className={`${tooltipClass} ${extraClass}`}
441+
<Wrapper className={`${tooltipClass} ${extraClass}`}
442442
{...ariaProps}
443443
data-id='tooltip'
444-
dangerouslySetInnerHTML={{__html: placeholder}}></wrapper>
444+
dangerouslySetInnerHTML={{__html: placeholder}}/>
445445
)
446446
} else {
447447
return (
448-
<wrapper className={`${tooltipClass} ${extraClass}`}
448+
<Wrapper className={`${tooltipClass} ${extraClass}`}
449449
{...ariaProps}
450-
data-id='tooltip'>{placeholder}</wrapper>
450+
data-id='tooltip'>{placeholder}</Wrapper>
451451
)
452452
}
453453
}

0 commit comments

Comments
 (0)