@alampros I'm also not seeing this canvasRef prop in the documentation README. Is that something I should update as well?

The canvasRef prop is used internally for ref forwarding. It just occurred to me that the default export is different from the named class export and you might be getting the error because you are importing the member instead of the default.

Try using this:

import ReactConfetti from 'react-confetti'

instead of this:

import { ReactConfetti } from 'react-confetti'

I will put a fix version out that exports the same class as the default. Sorry about that!

🎉 This PR is included in version 4.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

@alampros I've been using the default export on v4.0.1, but it still requires the canvasRef prop for some reason. This is what I see in ReactConfetti.d.ts:

export declare const ReactConfetti: React.ForwardRefExoticComponent<Partial<IConfettiOptions> & React.CanvasHTMLAttributes<HTMLCanvasElement> & {
    canvasRef: React.RefObject<HTMLCanvasElement>;
} & React.RefAttributes<HTMLCanvasElement>>;

I am getting the same typing issue as @alexieyizhe when using v4.0.1.