solid/reactivity rule for props.onWhatever

[baptisteArno]

Not sure to understand the solid/reactivity rule on this line:

<TextBubble onTransitionEnd={props.onTransitionEnd} />

Why is it preferable to write

<TextBubble onTransitionEnd={() => props.onTransitionEnd()} />

?

We discussed this here: https://discord.com/channels/722131463138705510/722131463889223772/1052165321663975467

[joshwilsonvu]

From the discussion and some testing, it looks like you're right—for Components, it works to write onTransitionEnd={props.onTransitionEnd} without the extra wrapper function. For native elements, the wrapper is still needed, because event handlers on native elements aren't reactive and an update to the prop doesn't get reattached as a new event listener. I'm planning to make a quick change to make the warnings reflect that.