From d0495ce30e9aee853c23d70d512d845d6d131bb0 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Sat, 3 Apr 2021 18:05:49 +0900
Subject: Fix props type

---
 src/console/components/console/CompletionItem.tsx  | 6 ++----
 src/console/components/console/CompletionTitle.tsx | 8 ++++----
 2 files changed, 6 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/console/components/console/CompletionItem.tsx b/src/console/components/console/CompletionItem.tsx
index 5f2f9f6..2451d87 100644
--- a/src/console/components/console/CompletionItem.tsx
+++ b/src/console/components/console/CompletionItem.tsx
@@ -38,7 +38,7 @@ const Description = styled.span`
   overflow: hidden;
 `;
 
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLElement> {
   shown: boolean;
   highlight: boolean;
   caption?: string;
@@ -46,9 +46,7 @@ interface Props {
   icon?: string;
 }
 
-const CompletionItem: React.FC<React.HTMLAttributes<HTMLElement> & Props> = (
-  props
-) => (
+const CompletionItem: React.FC<Props> = (props) => (
   <Container
     icon={props.icon || ""}
     aria-labelledby={`completion-item-${props.caption}`}
diff --git a/src/console/components/console/CompletionTitle.tsx b/src/console/components/console/CompletionTitle.tsx
index ec2fc8b..5594eb3 100644
--- a/src/console/components/console/CompletionTitle.tsx
+++ b/src/console/components/console/CompletionTitle.tsx
@@ -10,13 +10,13 @@ const Li = styled.li<{ shown: boolean }>`
   padding: 0;
 `;
 
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLElement> {
   shown: boolean;
   title: string;
 }
 
-const CompletionTitle: React.FC<React.HTMLAttributes<HTMLElement> & Props> = (
-  props
-) => <Li {...props}>{props.title}</Li>;
+const CompletionTitle: React.FC<Props> = (props) => (
+  <Li {...props}>{props.title}</Li>
+);
 
 export default CompletionTitle;
-- 
cgit v1.2.3