From 8e5ac58bc122122af3625e4e9176a866692ed526 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 5 Jun 2024 13:49:12 +1000
Subject: [PATCH] fix: properly type button and input ref

---
 ts/components/basic/SessionButton.tsx | 4 ++--
 ts/components/inputs/SessionInput.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ts/components/basic/SessionButton.tsx b/ts/components/basic/SessionButton.tsx
index caca18ef1..ab5c809fc 100644
--- a/ts/components/basic/SessionButton.tsx
+++ b/ts/components/basic/SessionButton.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import styled from 'styled-components';
 
 export enum SessionButtonType {
@@ -122,7 +122,7 @@ export type SessionButtonProps = {
   onClick?: any;
   children?: ReactNode;
   margin?: string;
-  reference?: any;
+  reference?: RefObject<HTMLButtonElement>;
   className?: string;
   dataTestId?: string;
 };
diff --git a/ts/components/inputs/SessionInput.tsx b/ts/components/inputs/SessionInput.tsx
index 891749311..30ba358ea 100644
--- a/ts/components/inputs/SessionInput.tsx
+++ b/ts/components/inputs/SessionInput.tsx
@@ -1,4 +1,4 @@
-import { ChangeEvent, ReactNode, useEffect, useState } from 'react';
+import { ChangeEvent, ReactNode, RefObject, useEffect, useState } from 'react';
 
 import { motion } from 'framer-motion';
 import { isEmpty, isEqual } from 'lodash';
@@ -229,7 +229,7 @@ type Props = {
   onEnterPressed?: (value: string) => any;
   autoFocus?: boolean;
   disableOnBlurEvent?: boolean;
-  inputRef?: any;
+  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
   inputDataTestId?: string;
   id?: string;
   enableShowHide?: boolean;