[React] React Hook "useState" is called in function "컴포넌트명" that is neither a React function component nor a custom React Hook function.

eslint에 use hook 설정을 하고 난 뒤 다음과 같은 에러가 떴다.

eslint react-hooks/rules-of-hooks

useState 뿐만 아니라, useEffect, useMemo 등 모두 import가 잘되어있었는데도 경고가 떴다.

서치 후, 너무나 어처구니 없는 실수임을 깨달았다.
함수형 component의 이름이 대문자가 아닌 소문자로 작성되어 있어서 생긴 문제.
이 파일명이 DeviceAccess가 아닌 ControlAccess여서 ControlAcess로 동일하게 바꿔주었다.

오류가 사라졌다.