【React】コンポーネントがアンマウント（破棄）されるときに処理を実行する方法

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    // レンダリング時に実行される処理
    console.log("レンダリングされました");

    // コンポーネントがアンマウント（破棄）されるときに実行される処理
    return () => {
      console.log("コンポーネントがアンマウントされました")
    };
  });

  return (
    <div>
      <h1>Hello, World!</h1>
    </div>
  );
};

export default MyComponent;