리액트 useState 와 함수 관리 어떻게 하는게 좋나요?

안녕하세요. 스타트업에서 일하고 있는 신입 프론트엔드 개발자 입니다. 현재 쓰고 방식은 // 이메일 동의 통신 const [emailAgreed, setEmailAgreed] = useState(); const handleEmailAgreementClick = () => { 생략 } // 새로운거 const [새로운거, set새로운거] = useState(); const 새로운거함수 = () => { 생략 } 이렇게 리액트에서 작성을 하고 있습니다. const [등등, set등등] = useState(); 전부다 위로 올려서 적는게 좋은건가요? 아니면 제가 하는 방식 해도 사용해도 문제가 없을까요?