beaconComponent has the wrong type definition

[dolanmiu]

🐛 Bug Report

A clear and concise description of what the bug is.

To Reproduce

1. Follow https://docs.react-joyride.com/custom-components to create a custom beacon (regular React component)

2. My custom beacon:

   
   const CustomBeacon = (props) => {
       console.log(props);
       return (
           <div>Custom Beacon</div>
       );
   };

3. Console Output:

   {
       "aria-label": "Open the dialog",
       "title": "Open the dialog",
       "onClick": [Function],
       "onMouseOver": [Function]
   }

   

4. However, type definitions BeaconRenderProps is of:

   export interface BeaconRenderProps {
     continuous: boolean;
     index: number;
     isLastStep: boolean;
     setTooltipRef: () => void;
     size: number;
     step: Step;
   }

   https://github.com/gilbarbara/react-joyride/blob/main/types/index.d.ts#L112-L119

5. Types are wrong

Expected behavior

I expect the types to be correct