Cộng đồng Hỏi & Đáp của Inflearn

import React, { useState } from "react";

const Test = () => {
    const [counter, setCounter] = useState(0);
   
    const shouldComponentUpdate = (nextProps, nextState, nextContext) => {
        if (counter !== nextState.counter) {
            return true;
        }
        return false;
    }

    const onClick = () => {
        setCounter();
    }   

    console.log('렌더링');
    return (
        <div>
            <button onClick={onClick}>클릭</button>
        </div>
    );
}

export default Test;

클래스로 작성해주셨는데, 제가 Hooks로 변경해서 작성해봤습니다. 클래스와 똑같이 테스트 되는거를 보고싶은데 테스트 결과가 다릅니다.

제가 잘 못 짠게 있다면 확인부탁드립니다.!