Error: Minified React error #321

상황

useEffect부분에서 제목의 에러가 발생

import React from 'react';
import { useEffect } from 'react/cjs/react.production.min';

const Component = ({ userObj }) => {
    useEffect( () => { }, []);
    return ( <> </> )
}

export default Component;

 

문제

CRA환경에서 useEffect를 입력하면 자동완성되는 항목을 골랐다.

자연히 import도 똑바로 된 줄 알았는데, 이상한게 들어가 있었다.

원래 쓰던대로 잘 import해주면 된다.

import React, { useEffect } from 'react';