【Next.js】setStateでハマった(Maximum update depth exceeded)

前提としての状況

Next.jsを用いてポートフォリオサイトを制作中
自分で撮影した写真を一覧表示するコンポーネントを作成し、
各画像を-img-タグで表示

エラー発生の原因

そこで以下のように'onClick'属性を付与し、その先で'this.setState'としてところ上記のエラーが発生

画像表示タグ

<img src=... onClick={this.handlePopup()} />

setStateするために呼び出した関数

handlePopup() {
    this.setState({
        -stateの指定-
    })
};

解決策

'onClick'属性に直接関数を指定するのではなく、アロー関数で指定

onClick={() => this.handlePopup()}

参考にさせていただいたサイト