Trigger from anywhere?

[avizuber]

Is it possible to trigger rewards from within a hook, similar to how react-toastify works? (https://www.npmjs.com/package/react-toastify)

[moroshko]

Triggering from a hook sounds like a must-have feature!
@thedevelobear Any thoughts?

[thedevelobear]

@moroshko @avizuber Sure, I'm planning to work on that in the near future. Any PR's would be welcome of course, but as I said, I'm planning on moving to hooks in the upcoming weeks :)

[thedevelobear]

Hey guys! I've rebuilt the library and I'll publish it in the upcoming days. Here's the new way of handling rewards in v2.0.0 - I hope it suits your needs better this time!

import { useReward } from 'react-rewards';
...
const { reward, isAnimating } = useReward('rewardId', 'confetti');
...
<button
    disabled={isAnimating}
    onClick={reward}
>
    <span id="rewardId" />
    🎉
</button>

Basically, you'll want to have an element with a matching ID anywhere in the DOM and then you can call the function that useReward hook provides. This way you can shoot the confettis from anywhere, I guess! :)

[Tikam02]

what to add in RewardID???