diff --git a/src/components/IconButton.jsx b/src/components/IconButton.jsx
deleted file mode 100644
index 08ef9163..00000000
--- a/src/components/IconButton.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Icon } from '../Icon/Icon'
-import { ReactButton } from './ReactButton'
-
-const IconButton = ({ icon, text, ...props }) => {
-  return (
-    <ReactButton {...props} icon={<Icon source={icon} />}>
-      {text}
-    </ReactButton>
-  )
-}
-
-export default IconButton
diff --git a/src/components/IconButton.tsx b/src/components/IconButton.tsx
new file mode 100644
index 00000000..0b4eddad
--- /dev/null
+++ b/src/components/IconButton.tsx
@@ -0,0 +1,18 @@
+import Icon from './Icon'
+import ReactButton from './ReactButton'
+
+type IconButtonProps = {
+  icon: string
+  children: string
+  onClick: () => void
+}
+
+const IconButton = ({ icon, children, ...props }: IconButtonProps) => {
+  return (
+    <ReactButton {...props} icon={<Icon source={icon} />}>
+      {children}
+    </ReactButton>
+  )
+}
+
+export default IconButton
diff --git a/src/components/ReactButton.jsx b/src/components/ReactButton.jsx
deleted file mode 100644
index 3e566bb4..00000000
--- a/src/components/ReactButton.jsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Button } from 'tamagui'
-
-const ReactButton = ({ children, ...props }) => {
-  return <Button {...props}>{children}</Button>
-}
-
-export default ReactButton
diff --git a/src/components/ReactButton.tsx b/src/components/ReactButton.tsx
new file mode 100644
index 00000000..2f5e6c18
--- /dev/null
+++ b/src/components/ReactButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from 'tamagui'
+import { ReactNode } from 'react'
+
+type ReactButtonProps = {
+  children: string
+  style?: unknown
+  icon?: ReactNode
+  size?: string
+  onClick: () => void
+}
+
+const ReactButton = ({ children, ...props }: ReactButtonProps) => {
+  return <Button {...props}>{children}</Button>
+}
+
+export default ReactButton