From 26eaef848b7649a7796fabb3ebb668099a6e70f5 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Mon, 8 Jun 2020 16:53:19 +0100
Subject: [PATCH] Use Element instead of HTMLElement

---
 src/components/views/elements/AccessibleButton.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/views/elements/AccessibleButton.tsx b/src/components/views/elements/AccessibleButton.tsx
index f35cd52734..6dcadaf63f 100644
--- a/src/components/views/elements/AccessibleButton.tsx
+++ b/src/components/views/elements/AccessibleButton.tsx
@@ -97,8 +97,8 @@ export default function AccessibleButton({
  * onClick:  (required) Event handler for button activation. Should be
  *           implemented exactly like a normal onClick handler.
  */
-interface IProps extends React.InputHTMLAttributes<HTMLElement> {
-    inputRef?: React.Ref<HTMLElement>,
+interface IProps extends React.InputHTMLAttributes<Element> {
+    inputRef?: React.Ref<Element>,
     element?: string;
     // The kind of button, similar to how Bootstrap works.
     // See available classes for AccessibleButton for options.
@@ -109,11 +109,11 @@ interface IProps extends React.InputHTMLAttributes<HTMLElement> {
     tabIndex?: number,
     disabled?: boolean,
     className?: string,
-    onClick(e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>): void;
+    onClick(e?: React.MouseEvent<Element> | React.KeyboardEvent<Element>): void;
 };
 
-interface IAccessibleButtonProps extends React.InputHTMLAttributes<HTMLElement> {
-    ref?: React.Ref<HTMLElement>,
+interface IAccessibleButtonProps extends React.InputHTMLAttributes<Element> {
+    ref?: React.Ref<Element>,
 }
 
 AccessibleButton.defaultProps = {