子コンポーネントにpropsで関数を渡す場合に、条件を渡すことでrender毎に呼ばれない様にする useCallback(() => {}, [再描画の条件]); const handleClose = useCallback(() => { setOpen(false) }, [setOpen]); FromDialog open={open} handleClose={handleClose} />