From 0c76873e75657812db543e8b702d10f3c137a1bd Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Fri, 6 May 2022 17:42:02 -0400
Subject: [PATCH] refactor(striker-ui): specify OutlinedInput as FC

---
 striker-ui/components/OutlinedInput/OutlinedInput.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/striker-ui/components/OutlinedInput/OutlinedInput.tsx b/striker-ui/components/OutlinedInput/OutlinedInput.tsx
index 0f24812c..8c33618c 100644
--- a/striker-ui/components/OutlinedInput/OutlinedInput.tsx
+++ b/striker-ui/components/OutlinedInput/OutlinedInput.tsx
@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import {
   OutlinedInput as MUIOutlinedInput,
   outlinedInputClasses as muiOutlinedInputClasses,
@@ -8,8 +9,8 @@ import { GREY, TEXT, UNSELECTED } from '../../lib/consts/DEFAULT_THEME';
 
 type OutlinedInputProps = MUIOutlinedInputProps;
 
-const OutlinedInput = (outlinedInputProps: OutlinedInputProps): JSX.Element => {
-  const { label, sx } = outlinedInputProps;
+const OutlinedInput: FC<OutlinedInputProps> = (outlinedInputProps) => {
+  const { label, sx, ...outlinedInputRestProps } = outlinedInputProps;
   const combinedSx = {
     color: GREY,
 
@@ -42,7 +43,8 @@ const OutlinedInput = (outlinedInputProps: OutlinedInputProps): JSX.Element => {
     <MUIOutlinedInput
       // eslint-disable-next-line react/jsx-props-no-spreading
       {...{
-        ...outlinedInputProps,
+        label,
+        ...outlinedInputRestProps,
         sx: combinedSx,
       }}
     />