added interface with stricter stype definition

Author: corymharper

src/use-dropdown-menu.ts

@@ -1,6 +1,17 @@
 // Imports
 import React, { useState, useRef, createRef, useEffect } from 'react';
 
+
+// Create interface for button properties
+interface ButtonProps
+	extends Pick<
+		React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>,
+		'onKeyDown' | 'onClick' | 'tabIndex' | 'role' | 'aria-haspopup' | 'aria-expanded'
+	> {
+	ref: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}
+
+
 // A custom Hook that abstracts away the listeners/controls for dropdown menus
 export default function useDropdownMenu(itemCount: number) {
 	// Use state
@@ -147,7 +158,7 @@ export default function useDropdownMenu(itemCount: number) {
 	};
 
 	// Define spreadable props for button and items
-	const buttonProps: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> = {
+	const buttonProps: ButtonProps = {
 		onKeyDown: buttonListener,
 		onClick: buttonListener,
 		tabIndex: 0,