From 082db5f3e21f2f947fc73cef0cc1f067deb30b99 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Mon, 17 Sep 2018 08:32:52 -0700
Subject: [PATCH] Type passthrough props

---
 js/components/Character.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/js/components/Character.tsx b/js/components/Character.tsx
index f8785b14..c474a43c 100644
--- a/js/components/Character.tsx
+++ b/js/components/Character.tsx
@@ -11,7 +11,16 @@ export const characterClassName = (char: string | number) =>
     .toLowerCase()
     .charCodeAt(0)}`;
 
-const Character = ({ children: char, className, ...passThrough }: Props) => (
+const Character = ({
+  children: char,
+  className,
+  ...passThrough
+}: Props &
+  // TODO: Seems like there should be a better way to do pass through props
+  React.DetailedHTMLProps<
+    React.HTMLAttributes<HTMLSpanElement>,
+    HTMLSpanElement
+  >) => (
   <span
     {...passThrough}
     className={`${className || ""} character ${characterClassName(char)}`}