Recibo un error de TypeScript en onToggle(eventKey === activeEventKey ? null : eventKey) - No se puede llamar a esta expresión. Escriba 'nunca' no tiene firmas de llamada. No estoy seguro de cómo resolver esto.

 import React from 'react' import useAccordionContext from '../../../hooks/useAccordionContext' interface Props { eventKey: string | undefined id: string | undefined className: string onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void } const useAccordionClick = ( eventKey: string | undefined, onClick: { (event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void (arg0: React.MouseEvent<HTMLButtonElement, MouseEvent>): void } ) => { const { onToggle, activeEventKey } = useAccordionContext() return (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => { onToggle(eventKey === activeEventKey ? null : eventKey) if (onClick) { onClick(event) } } } const Toggle: React.FC<Props> = ({ eventKey, onClick, children, ...otherProps }) => { const accordionClick = useAccordionClick(eventKey, onClick) return ( <button onClick={accordionClick} {...otherProps} > {children} </button> ) } export default Toggle