fix: Export the same class as the default export

BREAKING CHANGE: changes module exports

src/ReactConfetti.tsx

@@ -1,17 +1,19 @@
-import React, { Component, CanvasHTMLAttributes } from 'react'
+import React, { Component, CanvasHTMLAttributes, NamedExoticComponent } from 'react'
 import Confetti, { IConfettiOptions, confettiDefaults } from './Confetti'
 
 export type Ref = HTMLCanvasElement
 
-export type Props = Partial<IConfettiOptions> & CanvasHTMLAttributes<HTMLCanvasElement> & {
-  canvasRef?: React.RefObject<HTMLCanvasElement>
+export type Props = Partial<IConfettiOptions> & NamedExoticComponent & CanvasHTMLAttributes<HTMLCanvasElement> & {
+  canvasRef: React.RefObject<HTMLCanvasElement>
 }
 
-export class ReactConfetti extends Component<Props> {
+class ReactConfettiInternal extends Component<Props> {
   static readonly defaultProps = {
     ...confettiDefaults,
   }
 
+  static readonly displayName = 'ReactConfetti'
+
   constructor(props: Props, ...rest: any[]) {
     super(props, ...rest)
     this.canvas = props.canvasRef || React.createRef<HTMLCanvasElement>()
@@ -87,6 +89,8 @@ function extractCanvasProps(props: Partial<IConfettiOptions> | any): [Partial<IC
   return [confettiOptions, rest, refs]
 }
 
-export default React.forwardRef<Ref, Props>((props, ref) => (
-  <ReactConfetti canvasRef={ref} {...props} />
+export const ReactConfetti = React.forwardRef<Ref, Props>((props, ref) => (
+  <ReactConfettiInternal canvasRef={ref} {...props} />
 ))
+
+export default ReactConfetti