UseEffect中的异步生成器-如何取消订阅更新

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const unsubscribe = async function* () {
      let count = 0;
      while (true) {
        await new Promise(resolve => setTimeout(resolve, 1000));
        console.log(`Count: ${count++}`);
        if (count > 5) break;
      }
    };

    const gen = unsubscribe();
    const iterator = gen[Symbol.asyncIterator]();

    const subscription = setInterval(() => {
      iterator.next();
    }, 1000);

    return () => {
      clearInterval(subscription);
    };
  }, []);

  return <div>Check the console for logs</div>;
};

export default MyComponent;