Merge pull request #462 from woowacourse-teams/feature/#461

모임 만들기 맞지막 스탭 포커싱

frontend/src/components/Funnel/FunnelTextArea/FunnelTextArea.tsx

@@ -1,14 +1,17 @@
 import { useTheme } from '@emotion/react';
 import * as S from './FunnelTextArea.style';
-import { forwardRef } from 'react';
+import { forwardRef, Ref, TextareaHTMLAttributes } from 'react';
 
 interface FunnelTextAreaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+  extends TextareaHTMLAttributes<HTMLTextAreaElement> {}
 
-export default forwardRef(function FunnelTextArea(props: FunnelTextAreaProps) {
+export default forwardRef(function FunnelTextArea(
+  props: FunnelTextAreaProps,
+  ref?: Ref<HTMLTextAreaElement>,
+) {
   const { ...rest } = props;
 
   const theme = useTheme();
 
-  return <textarea css={S.textArea({ theme })} {...rest} />;
+  return <textarea ref={ref} css={S.textArea({ theme })} {...rest} />;
 });

frontend/src/pages/MoimCreationPage/Steps/DescriptionStep.tsx

@@ -14,7 +14,7 @@ interface DescriptionStepProps {
 export default function DescriptionStep(props: DescriptionStepProps) {
   const { description, onDescriptionChange, isValid, onButtonClick } = props;
 
-  const inputRef = useRef<HTMLInputElement>(null);
+  const inputRef = useRef<HTMLTextAreaElement>(null);
 
   useEffect(() => {
     if (inputRef.current) {