feat #65 - Update hooks for form and Input exports

src/components/Form/index.tsx

@@ -1,6 +1,6 @@
 import { createUseStyles } from 'react-jss'
 import FieldContext from './FieldContext'
-import FormButton from './FormButton'
+import FormButton, { FormButtonProps } from './FormButton'
 import FormInput, { FormInputProps } from './FormInput'
 import { FormProvider, useForm } from 'react-hook-form'
 import React, { FC, ReactNode, useEffect } from 'react'
@@ -21,7 +21,7 @@ export interface FormProps {
 }
 
 interface FormSubComponents {
-	Button: FC
+	Button: FC<FormButtonProps>
 	Input: FC<FormInputProps>
 }
 
@@ -38,7 +38,7 @@ const Form: FC<FormProps> & FormSubComponents = ({
 
 	useEffect(() => {
 		reset(initialValues)
-	}, [initialValues])
+	}, [initialValues, reset])
 
 	return (
 		<FormProvider {...methods}>

src/components/Input/index.tsx

@@ -1,7 +1,7 @@
 import 'antd/lib/input/style/index.css'
+import { Input as AntDInput } from 'antd'
 import cn from 'classnames'
 import { createUseStyles } from 'react-jss'
-import { Input } from 'antd'
 import Skeleton from '../Skeleton'
 import React, { FC } from 'react'
 
@@ -85,7 +85,7 @@ export interface InputProps {
 	value?: string
 }
 
-const InputField: FC<InputProps> = (props: InputProps) => {
+const Input: FC<InputProps> = (props: InputProps) => {
 	const {
 		classes = [],
 		disabled = false,
@@ -123,7 +123,7 @@ const InputField: FC<InputProps> = (props: InputProps) => {
 		<InputFieldSkeleton {...props} />
 	) : (
 		<div className={componentClasses.container}>
-			<Input
+			<AntDInput
 				className={inputClasses}
 				disabled={disabled}
 				placeholder={placeholder}
@@ -134,4 +134,4 @@ const InputField: FC<InputProps> = (props: InputProps) => {
 	)
 }
 
-export default InputField
+export default Input